diff --git a/static/fonts/FiraCode-Bold.woff2 b/static/fonts/FiraCode-Bold.woff2
new file mode 100644
index 0000000..7dc70b7
Binary files /dev/null and b/static/fonts/FiraCode-Bold.woff2 differ
diff --git a/static/fonts/FiraCode-Light.woff2 b/static/fonts/FiraCode-Light.woff2
new file mode 100644
index 0000000..1938cfc
Binary files /dev/null and b/static/fonts/FiraCode-Light.woff2 differ
diff --git a/static/fonts/FiraCode-Medium.woff2 b/static/fonts/FiraCode-Medium.woff2
new file mode 100644
index 0000000..be09f4e
Binary files /dev/null and b/static/fonts/FiraCode-Medium.woff2 differ
diff --git a/static/fonts/FiraCode-Regular.woff2 b/static/fonts/FiraCode-Regular.woff2
new file mode 100644
index 0000000..e93ffe3
Binary files /dev/null and b/static/fonts/FiraCode-Regular.woff2 differ
diff --git a/templates/editor.html b/templates/editor.html
index 5abbfec..3d707e0 100755
--- a/templates/editor.html
+++ b/templates/editor.html
@@ -15,6 +15,10 @@
     html, body, #content {
       width: 100%;
     }
+    @font-face {
+      font-family: "FiraCode";
+      src: url("/static/fonts/FiraCode-Regular.woff2") format('woff2');
+    }
   </style>
   <script>
     $(function() {
@@ -144,6 +148,25 @@
     //editor.setTheme("ace/theme/twilight");
     editor.session.setMode("ace/mode/perl");
 
+    editor.setOptions({maxLines: Infinity, fontFamily: ['FiraCode']});
+/*editor.middleClick = false;
+    editor.on("mousedown", function (e) {
+      if (e.domEvent.which == 2) { // middle click
+        editor.middleClick = true;
+        var tempText = editor.getSelectedText();
+        if (e.$pos) {
+          editor.session.insert(e.$pos, tempText);
+        }
+        window.setTimeout(function () {
+          editor.middleClick = false;
+          if (e.$pos) {
+            editor.moveCursorTo(e.$pos.row, e.$pos.column + tempText.length);
+          }
+        }, 200);
+      }
+    });*/
+
+
     function setup_columns() {
       if (showingeval && showingmodules) {
         $("#editors").removeClass().addClass('col-md-6');
diff --git a/templates/viewer.html b/templates/viewer.html
index a67eec0..d354754 100755
--- a/templates/viewer.html
+++ b/templates/viewer.html
@@ -9,6 +9,11 @@
     html, body, #content {
       width: 100%;
     }
+    
+    @font-face {
+      font-family: "FiraCode";
+      src: url("/static/fonts/FiraCode-Regular.woff2") format('woff2');
+    }
   </style>
 [% END %]
 
@@ -60,17 +65,17 @@
     editor.session.setMode("ace/mode/perl");
 
     editor.setReadOnly(true);
-
-    function resizeAce() {
+    editor.setOptions({maxLines: Infinity, fontFamily: ['FiraCode']});
+    /*function resizeAce() {
       var h = window.innerHeight;
       var ch = h - 400;
       var m = ch > 360 ? ch : 360;
-      $('#editor').css('height', m.toString() + 'px');
+   //   $('#editor').css('height', m.toString() + 'px');
     };
     $(window).on('resize', function () {
       resizeAce();
     });
-    resizeAce();
+    resizeAce();*/
 
     $("#submit").on('click', function () {
         $("#paste").text(editor.getValue()); // copy to the textarea