Fix cellHeight calculation

app/assets/javascripts/player/views/renderers/base.js.coffee

@@ -41,10 +41,16 @@ class AsciiIo.Renderer.Base extends Backbone.View
 
   afterInsertedToDom: ->
     sample = $('<span class="font-sample"><span class="line"><span>M</span></span></span>')
-    @$el.parent().append(sample)
-    @cellWidth = sample.width()
     span = sample.find('span span')
-    @cellHeight = span.height() + span.css('padding-top') + span.css('padding-bottom')
+
+    @$el.parent().append sample
+
+    @cellWidth = sample.width()
+
+    @cellHeight = span.height() +
+                  parseInt(span.css('padding-top')) +
+                  parseInt(span.css('padding-bottom'))
+
     sample.remove()
     @fixTerminalElementSize()
     @fixPlayerContainerSize()

app/assets/javascripts/player/views/renderers/canvas.js.coffee

@@ -38,6 +38,8 @@ class AsciiIo.Renderer.Canvas extends AsciiIo.Renderer.Base
     for fragment in fragments
       [text, brush] = fragment
 
+      brush = AsciiIo.Brush.create brush if brush
+
       if cursorX isnt undefined and rendered <= cursorX < rendered + text.length
         @cursorBrush = brush
         @cursorText = text[cursorX - rendered]