chore: use good brush font

Author: brionmario

apps/www/app/fonts.ts

@@ -0,0 +1,31 @@
+/**
+ * MIT License
+ *
+ * Copyright (c) 2024, Brion Mario
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import {Space_Grotesk, Inter} from 'next/font/google';
+import {NextFont} from 'next/dist/compiled/@next/font';
+import localFont from 'next/font/local';
+
+export const spaceGrotesk: NextFont = Space_Grotesk({subsets: ['latin'], weight: ['400', '500']});
+export const inter: NextFont = Inter({subsets: ['latin']});
+export const goodBrush: NextFont = localFont({src: '../public/fonts/Good Brush.ttf', variable: '--font-good-brush'});

apps/www/app/layout.tsx

@@ -23,15 +23,11 @@
  */
 
 import type {Metadata} from 'next';
-import {Space_Grotesk, Inter} from 'next/font/google';
 import {ReactElement} from 'react';
-import {NextFont} from 'next/dist/compiled/@next/font';
 import ThemeProvider from '@/components/ThemeProvider';
 import './globals.scss';
 import './custom.scss';
-
-const spaceGrotesk: NextFont = Space_Grotesk({subsets: ['latin'], weight: ['400', '500']});
-const inter: NextFont = Inter({subsets: ['latin']});
+import {inter, spaceGrotesk} from './fonts';
 
 export const metadata: Metadata = {
   title: 'Create Next App',

apps/www/public/fonts/Good Brush.ttf

@@ -80,7 +80,7 @@ const config: Config = {
       fontFamily: {
         sans: ['Inter', ...defaultTheme.fontFamily.sans],
         'space-grotesk': ['Space Grotesk', 'monospace'],
-        'good-brush': ['Good Brush'],
+        'good-brush': ['var(--font-good-brush)'],
         mono: [
           'Menlo',
           'Monaco',