diff --git a/pages/_app.tsx b/pages/_app.tsx
index df3a3342..7e0c9fc0 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -40,7 +40,17 @@ export default class MyApp extends App {
                         href="/feed.xml"
                     />
 
-                    <link href='/static/shadow-font/style.css' rel='stylesheet' />
+                    <link
+                        href="/static/shadow-font/style.css"
+                        rel="stylesheet"
+                    />
+
+                    {/* Google Fonts */}
+                    <link
+                        href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;900&display=swap"
+                        rel="preload"
+                        as="style"
+                    />
 
                     {/* Opa */}
                     <script src="/static/opa.js" />
diff --git a/public/static/shadow-font/style.css b/public/static/shadow-font/style.css
index 6cf1c03c..6a02f675 100644
--- a/public/static/shadow-font/style.css
+++ b/public/static/shadow-font/style.css
@@ -1,5 +1,6 @@
 @font-face {
-	font-family: "Shadow";
+    font-family: "Shadow";
+    font-display: swap;
 	src: url("Shadow-Regular.eot");
 	src: url("Shadow-Regular.woff") format("woff"),
 	url("Shadow-Regular.otf") format("opentype"),
diff --git a/src/style/style.css b/src/style/style.css
index 5f551595..67a7514c 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;900&display=swap');
-
 :root {
     /* FONTS */
     --title-font: Shadow, Georgia, serif;