Move fonts to _document.js

IllinoisWCS · Mar 27, 2024 · 04308a2 · 04308a2
1 parent 8a86b2c
commit 04308a2
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/src/pages/_document.js b/src/pages/_document.js
@@ -1,9 +1,22 @@
-import { Html, Head, Main, NextScript } from "next/document";
+import {Html, Head, Main, NextScript} from "next/document";
 
 export default function Document() {
   return (
     <Html lang="en">
-      <Head />
+      <Head>
+        <link
+          href="https://fonts.googleapis.com/css2?family=Gloock&family=Lato:wght@300&display=swap"
+          rel="stylesheet"
+        />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Audiowide&family=Gloock&family=Lato:wght@300&display=swap"
+          rel="stylesheet"
+        />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap"
+          rel="stylesheet"
+        />
+      </Head>
       <body>
         <Main />
         <NextScript />

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -1,7 +1,7 @@
 @import "~bootstrap/dist/css/bootstrap.min.css";
-@import url("https://fonts.googleapis.com/css2?family=Gloock&family=Lato:wght@300&display=swap");
+/* @import url("https://fonts.googleapis.com/css2?family=Gloock&family=Lato:wght@300&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Audiowide&family=Gloock&family=Lato:wght@300&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap"); */
 
 :root {
   --max-width: 1100px;