chore(style.css): update font paths to use a variable for the fonts directory

chore(vite.config.ts): import the resolve function from the path module

client/vite.config.ts

@@ -1,6 +1,6 @@
 import { defineConfig, loadEnv } from 'vite';
 import react from '@vitejs/plugin-react';
-import path from 'path';
+import path, { resolve } from 'path';
 import type { Plugin } from 'vite';
 
 // https://vitejs.dev/config/
@@ -42,6 +42,7 @@ export default defineConfig({
   resolve: {
     alias: {
       '~': path.join(__dirname, 'src/'),
+      $fonts: resolve('public/fonts'),
     },
   },
 });