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

…irectory chore(vite.config.ts): import the resolve function from the path module
bsu3338 · Aug 9, 2023 · 193ed93 · 193ed93
1 parent b096fb9
commit 193ed93
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/client/src/style.css b/client/src/style.css
@@ -13,103 +13,103 @@
   font-family: Signifier;
   font-style: normal;
   font-weight: 400;
-  src: url("../fonts/signifier-light.woff2") format("woff2")
+  src: url("$fonts/signifier-light.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Signifier;
   font-style: italic;
   font-weight: 400;
-  src: url("../fonts/signifier-light-italic.woff2") format("woff2")
+  src: url("$fonts/signifier-light-italic.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Signifier;
   font-style: normal;
   font-weight: 700;
-  src: url("../fonts/signifier-bold.woff2") format("woff2")
+  src: url("$fonts/signifier-bold.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Signifier;
   font-style: italic;
   font-weight: 700;
-  src: url("../fonts/signifier-bold-italic.woff2") format("woff2")
+  src: url("$fonts/signifier-bold-italic.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Söhne;
   font-style: normal;
   font-weight: 400;
-  src: url("../fonts/soehne-buch.woff2") format("woff2")
+  src: url("$fonts/soehne-buch.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Söhne;
   font-style: italic;
   font-weight: 400;
-  src: url("../fonts/soehne-buch-kursiv.woff2") format("woff2")
+  src: url("$fonts/soehne-buch-kursiv.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Söhne;
   font-style: normal;
   font-weight: 500;
-  src: url("../fonts/soehne-kraftig.woff2") format("woff2")
+  src: url("$fonts/soehne-kraftig.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Söhne;
   font-style: italic;
   font-weight: 500;
-  src: url("../fonts/soehne-kraftig-kursiv.woff2") format("woff2")
+  src: url("$fonts/soehne-kraftig-kursiv.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Söhne;
   font-style: normal;
   font-weight: 600;
-  src: url("../fonts/soehne-halbfett.woff2") format("woff2")
+  src: url("$fonts/soehne-halbfett.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Söhne;
   font-style: italic;
   font-weight: 600;
-  src: url("../fonts/soehne-halbfett-kursiv.woff2") format("woff2")
+  src: url("$fonts/soehne-halbfett-kursiv.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Söhne Mono;
   font-style: normal;
   font-weight: 400;
-  src: url("../fonts/soehne-mono-buch.woff2") format("woff2")
+  src: url("$fonts/soehne-mono-buch.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Söhne Mono;
   font-style: normal;
   font-weight: 700;
-  src: url("../fonts/soehne-mono-halbfett.woff2") format("woff2")
+  src: url("$fonts/soehne-mono-halbfett.woff2") format("woff2")
 }
 
 @font-face {
   font-display: swap;
   font-family: Söhne Mono;
   font-style: italic;
   font-weight: 400;
-  src: url("../fonts/soehne-mono-buch-kursiv.woff2") format("woff2")
+  src: url("$fonts/soehne-mono-buch-kursiv.woff2") format("woff2")
 }
 
 /* * {

diff --git a/client/vite.config.ts b/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'),
     },
   },
 });