Larger line-height

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

@@ -20,10 +20,10 @@ class AsciiIo.Renderer.Base extends Backbone.View
     throw '#renderLine not implemented'
 
   afterInsertedToDom: ->
-    sample = $('<span class="font-sample">M</span>')
+    sample = $('<span class="font-sample"><span class="line"><span>M</span></span></span>')
     @$el.parent().append(sample)
     @cellWidth = sample.width()
-    @cellHeight = sample.height()
+    @cellHeight = sample.find('span span').outerHeight()
     sample.remove()
     @fixTerminalElementSize()
     @fixPlayerContainerSize()

app/assets/stylesheets/player.css.scss

@@ -49,6 +49,14 @@ $color5: #EDC951;
     font-family: 'Bitstream Vera Sans Mono', 'Courier New', monospace;
     font-size: 12px;
     line-height: inherit;
+
+    .line {
+      line-height: 1.4em;
+
+      span {
+        padding: 1px 0;
+      }
+    }
   }
 
   .terminal {