diff --git a/undercover/static/styles.css b/undercover/static/styles.css
index 6b26fb1..edae062 100644
--- a/undercover/static/styles.css
+++ b/undercover/static/styles.css
@@ -1,13 +1,3 @@
-@font-face {
-  font-family: 'Barlow';
-  src: url('/static/fonts/Barlow-Regular.ttf');
-}
-
-@font-face {
-  font-family: 'BarlowMedium';
-  src: url('/static/fonts/Barlow-Medium.ttf');
-}
-
 html {
   height: 100%;
 }
diff --git a/undercover/templates/base.jinja2 b/undercover/templates/base.jinja2
index 20037a3..343b50b 100644
--- a/undercover/templates/base.jinja2
+++ b/undercover/templates/base.jinja2
@@ -31,6 +31,16 @@
         hiddenElements.forEach(element => document.getElementById(element).classList.add('hidden'))
       }
     </script>
+<style>
+    @font-face {
+        font-family: 'Barlow';
+        src: url('/static/fonts/Barlow-Regular.ttf');
+    }
+    @font-face {
+        font-family: 'BarlowMedium';
+        src: url('/static/fonts/Barlow-Medium.ttf');
+    }
+</style>
     {% block head %}{{ head }}{% endblock head %}
 </head>