bundled FiraCode and changed default editor font to FiraCode

ZeroX-DG · Jun 18, 2018 · fc1b454 · fc1b454
1 parent 7cf616f
commit fc1b454
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -19,6 +19,7 @@ Every notable changes in each version will be listed in this file.
 - **Interface**: Prevent user select in some components
 - **Development**: Added cross-env for better development in cross platform
 - **Snippet**: Allow resize snippet description textarea in edit mode
+- **Interace**: Bundled Fira Code font along with the app
 
 # 0.0.1
 - Single file snippet

diff --git a/app/index.html b/app/index.html
@@ -103,6 +103,32 @@
       text-rendering: optimizeLegibility;
     }
   </style>
+  <style>
+    @font-face {
+      font-family: Fira Code;
+      src: url('../resources/fonts/firacode/FiraCode-Regular.ttf');
+      font-weight: normal;
+      text-rendering: optimizeLegibility;
+    }
+    @font-face {
+      font-family: Fira Code;
+      src: url('../resources/fonts/firacode/FiraCode-Bold.ttf');
+      font-weight: 700;
+      text-rendering: optimizeLegibility;
+    }
+    @font-face {
+      font-family: Fira Code;
+      src: url('../resources/fonts/firacode/FiraCode-Light.ttf');
+      font-weight: 300;
+      text-rendering: optimizeLegibility;
+    }
+    @font-face {
+      font-family: Fira Code;
+      src: url('../resources/fonts/firacode/FiraCode-Medium.ttf');
+      font-weight: 500;
+      text-rendering: optimizeLegibility;
+    }
+  </style>
   <link rel='stylesheet' href='../node_modules/devicon/devicon.min.css'>
 </head>
 

diff --git a/browser/lib/config-manager.js b/browser/lib/config-manager.js
@@ -20,7 +20,7 @@ const DEFAULT_CONFIG = {
   editor: {
     showLineNumber: true,
     theme: 'seti',
-    fontFamily: 'Consolas, sans-serif',
+    fontFamily: 'Fira Code, Consolas, sans-serif',
     fontSize: 18,
     indentUsingTab: false,
     tabSize: 2

diff --git a/resources/fonts/firacode/FiraCode-Bold.ttf b/resources/fonts/firacode/FiraCode-Bold.ttf
diff --git a/resources/fonts/firacode/FiraCode-Light.ttf b/resources/fonts/firacode/FiraCode-Light.ttf
diff --git a/resources/fonts/firacode/FiraCode-Medium.ttf b/resources/fonts/firacode/FiraCode-Medium.ttf
diff --git a/resources/fonts/firacode/FiraCode-Regular.ttf b/resources/fonts/firacode/FiraCode-Regular.ttf