google fonts import changed

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" />

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;