diff --git a/gatsby-browser.js b/gatsby-browser.js
index 6ff4255f..5f352dea 100644
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@@ -1,6 +1,6 @@
-import React from "react";
-import { FilterProvider } from "./src/context/FilterContext";
-import "typeface-fira-mono";
+import React from 'react';
+import { FilterProvider } from './src/context/FilterContext';
+import './static/fonts.css';
 
 export const wrapRootElement = ({ element }) => (
   <FilterProvider>{element}</FilterProvider>
diff --git a/package-lock.json b/package-lock.json
index 7929ca50..2597f450 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15780,11 +15780,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "typeface-fira-mono": {
-      "version": "0.0.72",
-      "resolved": "https://registry.npmjs.org/typeface-fira-mono/-/typeface-fira-mono-0.0.72.tgz",
-      "integrity": "sha512-bouzjtniGMrakhazipUl6mskswe7UvH3qynU5Wsl0O7NMuL178VtZ0pOqUGsjBJ42l64GZo9nUMI1eSK4kvJbQ=="
-    },
     "ua-parser-js": {
       "version": "0.7.21",
       "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.21.tgz",
diff --git a/package.json b/package.json
index af738901..e894c94d 100644
--- a/package.json
+++ b/package.json
@@ -29,8 +29,7 @@
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
     "react-helmet": "^5.2.1",
-    "styled-components": "5.0.0-rc.3",
-    "typeface-fira-mono": "0.0.72"
+    "styled-components": "5.0.0-rc.3"
   },
   "scripts": {
     "build": "npx --node-arg '-r esm' gatsby build",
diff --git a/src/fonts/fira_mono-regular-webfont.woff b/src/fonts/fira_mono-regular-webfont.woff
new file mode 100644
index 00000000..7e467d1f
Binary files /dev/null and b/src/fonts/fira_mono-regular-webfont.woff differ
diff --git a/src/fonts/fira_mono-regular-webfont.woff2 b/src/fonts/fira_mono-regular-webfont.woff2
new file mode 100644
index 00000000..91736386
Binary files /dev/null and b/src/fonts/fira_mono-regular-webfont.woff2 differ
diff --git a/src/fonts/fira_mono-regular_italic-webfont.woff b/src/fonts/fira_mono-regular_italic-webfont.woff
new file mode 100644
index 00000000..80385527
Binary files /dev/null and b/src/fonts/fira_mono-regular_italic-webfont.woff differ
diff --git a/src/fonts/fira_mono-regular_italic-webfont.woff2 b/src/fonts/fira_mono-regular_italic-webfont.woff2
new file mode 100644
index 00000000..d4b71d51
Binary files /dev/null and b/src/fonts/fira_mono-regular_italic-webfont.woff2 differ
diff --git a/static/fonts.css b/static/fonts.css
new file mode 100644
index 00000000..e0a145a6
--- /dev/null
+++ b/static/fonts.css
@@ -0,0 +1,16 @@
+  /* Fonts */
+  @font-face {
+    font-family: 'Fira Mono';
+    font-weight: 400;
+    font-style: normal;
+    src: url('../src/fonts/fira_mono-regular-webfont.woff2') format('woff2'),
+         url('../src/fonts/fira_mono-regular-webfont.woff') format('woff');
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Fira Mono';
+    font-weight: 400;
+    font-style: italic;
+    src: url('../src/fonts/fira_mono-regular_italic-webfont.woff2') format('woff2'), url('../src/fonts/fira_mono-regular_italic-webfont.woff') format('woff');
+    font-display: swap;
+  }