diff --git a/pages/_app.tsx b/pages/_app.tsx
index df3a3342..83714283 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -42,6 +42,14 @@ export default class MyApp extends App {
 
                     <link href='/static/shadow-font/style.css' rel='stylesheet' />
 
+                    {/* Google Fonts */}
+                    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+                    <link
+                        href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;900&display=swap"
+                        rel="preload"
+                        as="style"
+                    />
+
                     {/* Opa */}
                     <script src="/static/opa.js" />
                     <link rel="stylesheet" href="/static/opa.css" />
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;