diff --git a/components/style/Font.js b/components/style/Font.js
index 0bf5ed9..71c2bf3 100644
--- a/components/style/Font.js
+++ b/components/style/Font.js
@@ -9,6 +9,16 @@ export default () => (
         font-style: normal;
       }
 
+      @font-face {
+        font-family: 'Fantasque Sans Mono';
+        src: url('//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff')
+            format('woff2'),
+          url('//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff')
+            format('woff');
+        font-weight: 400;
+        font-style: normal;
+      }
+
       @font-face {
         font-family: 'Hack';
         src: url('//cdn.jsdelivr.net/font-hack/2.020/fonts/woff2/hack-regular-webfont.woff2?v=2.020')
diff --git a/lib/constants.js b/lib/constants.js
index 654e1e2..9882500 100644
--- a/lib/constants.js
+++ b/lib/constants.js
@@ -3,6 +3,7 @@ import toHash from 'tohash'
 export const FONTS = [
   { id: 'Anonymous Pro', name: 'Anonymous Pro' },
   { id: 'Droid Sans Mono', name: 'Droid Sans Mono' },
+  { id: 'Fantasque Sans Mono', name: 'Fantasque Sans Mono' },
   { id: 'Fira Code', name: 'Fira Code' },
   { id: 'Hack', name: 'Hack' },
   { id: 'Iosevka', name: 'Iosevka' },