Merge pull request #5 from spencer-rafada/spencer/bug-fonts-not-working

BUG - Fixed Font Themes
spencer-rafada · Dec 29, 2023 · f6c87ad · f6c87ad
2 parents 12873db + 5427522
commit f6c87ad
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,9 +17,9 @@
     "@chakra-ui/react": "^2.8.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@fontsource-variable/roboto-slab": "^5.0.18",
     "@fontsource/monda": "^5.0.8",
     "@fontsource/rambla": "^5.0.8",
+    "@fontsource/roboto-slab": "^5.0.18",
     "framer-motion": "^10.16.16",
     "next": "14.0.4",
     "react": "^18",

diff --git a/src/app/_providers/ThemeProvider.tsx b/src/app/_providers/ThemeProvider.tsx
@@ -2,6 +2,8 @@
 import { ChakraProvider } from '@chakra-ui/react'
 import React from 'react'
 import theme from './theme'
+import '@fontsource/roboto-slab'
+import '@fontsource/monda'
 
 export default function ThemeProvider({
   children,

diff --git a/src/app/_providers/theme.tsx b/src/app/_providers/theme.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable quotes */
 import { extendTheme } from '@chakra-ui/react'
 
 const overrides = {
@@ -16,8 +17,8 @@ const overrides = {
     },
   },
   fonts: {
-    heading: 'Monda, sans-serif',
-    body: 'Roboto Slab, serif',
+    heading: `"Roboto Slab", serif`,
+    body: `"Monda", sans-serif`,
   },
 }