migrate to variable fonts

this way I don't have to worry about including all the font weights I use
AmanoTeam · Jul 10, 2024 · 53490d4 · 53490d4
1 parent 30b7955
commit 53490d4
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 8 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -12,8 +12,8 @@
   "dependencies": {
     "@astrojs/check": "^0.7.0",
     "@astrojs/tailwind": "^5.1.0",
-    "@fontsource/fira-mono": "^5.0.13",
-    "@fontsource/inter": "^5.0.19",
+    "@fontsource-variable/fira-code": "^5.0.18",
+    "@fontsource-variable/inter": "^5.0.19",
     "astro": "^4.11.5",
     "extract-colors": "^4.0.6",
     "tailwindcss": "^3.4.4",

diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
@@ -1,6 +1,5 @@
 ---
-import "@fontsource/inter/400.css";
-import "@fontsource/inter/700.css";
+import "@fontsource-variable/inter";
 ---
 
 <html lang="en">

diff --git a/src/pages/go.astro b/src/pages/go.astro
@@ -1,5 +1,5 @@
 ---
-import "@fontsource/fira-mono/400.css";
+import "@fontsource-variable/fira-code";
 
 import MainLayout from "../layouts/MainLayout.astro";
 import { Picture } from "astro:assets";
@@ -64,6 +64,6 @@ import LogoWhite from "../img/logo-white.png";
 
 <style>
   pre {
-    font-family: "Fira Mono", monospace;
+    font-family: "Fira Code Variable", monospace;
   }
 </style>
diff --git a/src/pages/nowplaying-dom.astro b/src/pages/nowplaying-dom.astro
@@ -1,5 +1,5 @@
 ---
-import "@fontsource/inter/700.css";
+import "@fontsource-variable/inter";
 ---
 
 <script>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -5,7 +5,7 @@ const config: Config = {
   theme: {
     extend: {
       fontFamily: {
-        sans: ["Inter", "sans-serif"],
+        sans: ["Inter Variable", "sans-serif"],
       },
     },
   },