Merge pull request #76 from natebass/fix-local-development-font-bug-01

Fix local development font
code4sac · May 21, 2024 · 55d74b9 · 55d74b9
2 parents 7594887 + ce87938
commit 55d74b9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -3,7 +3,10 @@ import AppNavbar from '@/components/AppNavbar'
 import {Inter} from 'next/font/google'
 import '../../styles/main.scss'
 
-const inter = Inter({subsets: ['latin']})
+const inter = Inter({
+  subsets: ['latin'],
+  display: 'swap',
+})
 
 export const metadata = {
   title: 'Open Sacramento',

diff --git a/styles/base/typography.scss b/styles/base/typography.scss
@@ -1,15 +1,9 @@
-@charset "UTF-8";
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Sacramento&display=swap");
 @import "../abstracts/mixins";
 
 /*
-Application typography
+Application typography. The Inter font family is applied by next/font in layout.js.
  */
 
-* {
-  font-family: "Inter", "Arial", sans-serif;
-}
-
 .paragraph-bold {
   @include subheading-bold;
 }