Merge pull request #50 from tmshv/refactoring/google-fonts

google fonts import changed

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

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"),

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;