feat: optimize font load

LaercioSR · Oct 15, 2024 · e8b2222 · e8b2222
1 parent 17a14b5
commit e8b2222
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -36,4 +36,4 @@
     "prettier": "^3.3.3",
     "typescript": "^5"
   }
-}
+}
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -37,6 +37,7 @@ body {
   color: var(--primary);
   -webkit-font-smoothing: antialiased;
   transition: all 0.2s ease-in-out;
+  font-display: swap;
 }
 
 a {

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -4,7 +4,11 @@ import { Space_Mono } from "next/font/google";
 
 import "./globals.css";
 
-const spaceMono = Space_Mono({ weight: ["400", "700"], subsets: ["latin"] });
+const spaceMono = Space_Mono({
+  weight: ["400", "700"],
+  subsets: ["latin"],
+  display: "swap",
+});
 
 export const metadata: Metadata = {
   title: "Laercio Rios",
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,4 +36,4 @@ @@
         "prettier": "^3.3.3",
         "typescript": "^5"
       }
-    }
+    }