feat: fix font issue

rohanmohapatra · Feb 2, 2024 · 535f8aa · 535f8aa
1 parent 221abe3
commit 535f8aa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 18 deletions.
diff --git a/web/fonts.tsx b/web/fonts.tsx
diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx
@@ -1,7 +1,11 @@
 import { ChakraProvider, extendTheme } from '@chakra-ui/react';
 import { AppProps } from 'next/app';
+import localFont from 'next/font/local';
 
-import { Fonts } from '../fonts';
+const horizon = localFont({
+ src: '../public/fonts/horizon.otf',
+ display: 'swap'
+});
 
 const config = {
  initialColorMode: 'dark',
@@ -18,7 +22,7 @@ const theme = extendTheme({
  }
  },
  fonts: {
- heading: 'Horizon'
+ heading: horizon.style.fontFamily
  },
  colors: {
  neonGreen: { 500: '#D0FF3C' }
@@ -28,7 +32,6 @@ const theme = extendTheme({
 const App = ({ Component, pageProps }: AppProps) => {
  return (
  <ChakraProvider theme={theme}>
- <Fonts />
  <Component {...pageProps} />
  </ChakraProvider>
  );