Install variable font with fontsource

opensafely-core · Sep 6, 2024 · c7b2288 · c7b2288
1 parent c722892
commit c7b2288
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 1 deletion.
diff --git a/assets/src/scripts/main.js b/assets/src/scripts/main.js
@@ -1,2 +1,3 @@
 import "vite/modulepreload-polyfill";
+import "@fontsource-variable/public-sans";
 import "../styles/main.css";
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,5 +14,8 @@
     "postcss": "^8.4.40",
     "tailwindcss": "^3.4.7",
     "vite": "^5.3.5"
+  },
+  "dependencies": {
+    "@fontsource-variable/public-sans": "^5.0.19"
   }
 }
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -12,7 +12,7 @@ export default {
   theme: {
     extend: {
       fontFamily: {
-        sans: ["Public Sans", ...fontFamily.sans],
+        sans: ["Public Sans Variable", ...fontFamily.sans],
       },
       colors: {
         oxford: {

diff --git a/vite.config.js b/vite.config.js
@@ -12,4 +12,7 @@ export default defineConfig({
       },
     },
   },
+  server: {
+    origin: "http://localhost:5173",
+  },
 });
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,4 +12,7 @@ export default defineConfig({ @@
           },
         },
       },
+      server: {
+        origin: "http://localhost:5173",
+      },
     });