diff --git a/static/css/style.css b/static/css/style.css
index 46c8ce7..b4924e9 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -12,10 +12,10 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
 
 /* latin */
 @font-face {
-  font-family: 'Ubuntu Mono';
+  font-family: 'Fira Code';
   font-style: normal;
   font-weight: 400;
-  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url('../fonts/ubunut-mono.woff') format('woff2');
+  src: local('Fira Code'), local('FiraCode-Regular'), url('../fonts/FiraCode-Regular.woff2') format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 }
 
@@ -304,12 +304,12 @@ hr {
 }
 
 span.code {
-    font-family:'Ubuntu Mono', 'Source Code Pro', Menlo, Monaco, Courier;
+    font-family:'Fira Code', 'Ubuntu Mono', 'Source Code Pro', Menlo, Monaco, Courier;
     background-color:#EEE;
 }
 
 pre {
-    font-family:'Ubuntu Mono', 'Source Code Pro', Menlo, Monaco, Courier;
+    font-family:'Fira Code', 'Ubuntu Mono', 'Source Code Pro', Menlo, Monaco, Courier;
     white-space:pre;
     border: 1px solid #ddd;
     padding:20px;
@@ -666,7 +666,7 @@ a.symbol:hover {
 }
 
 p code {
-    font-family:'Ubuntu Mono', 'Source Code Pro', Menlo, Monaco, Courier;
+    font-family:'Fira Code', 'Ubuntu Mono', 'Source Code Pro', Menlo, Monaco, Courier;
     background-color:#EEE;
     padding: 4px;
 }
@@ -683,5 +683,5 @@ kbd {
     padding-bottom: 0.1rem;
     padding-left: 0.2rem;
     white-space: nowrap;
-    font-family: 'Ubuntu Mono', 'Source Code Pro', Menlo, Monaco, Courier;
+    font-family: 'Fira Code', 'Ubuntu Mono', 'Source Code Pro', Menlo, Monaco, Courier;
 }
diff --git a/static/fonts/FiraCode-Regular.woff2 b/static/fonts/FiraCode-Regular.woff2
new file mode 100644
index 0000000..df544dc
Binary files /dev/null and b/static/fonts/FiraCode-Regular.woff2 differ