From f65e5d1c0ccb75773c9e6586e2819fd2fb84df9f Mon Sep 17 00:00:00 2001 From: Atridad Lahiji Date: Mon, 22 Dec 2025 13:59:16 -0700 Subject: [PATCH] Apparently variable fonts are better... thanks reddit! --- package.json | 2 +- pnpm-lock.yaml | 8 ++++---- src/layouts/Layout.astro | 2 +- src/styles/global.css | 2 +- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/package.json b/package.json index 094710a..9f8fda5 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "dependencies": { "@astrojs/node": "^9.5.1", "@astrojs/solid-js": "^5.1.3", - "@fontsource/inter": "^5.2.8", + "@fontsource-variable/inter": "^5.2.8", "@tailwindcss/vite": "^4.1.18", "astro": "^5.16.6", "astro-icon": "^1.1.5", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 56972fd..d78a01f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -14,7 +14,7 @@ importers: '@astrojs/solid-js': specifier: ^5.1.3 version: 5.1.3(@types/node@25.0.3)(jiti@2.6.1)(lightningcss@1.30.2)(solid-js@1.9.10)(yaml@2.7.0) - '@fontsource/inter': + '@fontsource-variable/inter': specifier: ^5.2.8 version: 5.2.8 '@tailwindcss/vite': @@ -465,8 +465,8 @@ packages: cpu: [x64] os: [win32] - '@fontsource/inter@5.2.8': - resolution: {integrity: sha512-P6r5WnJoKiNVV+zvW2xM13gNdFhAEpQ9dQJHt3naLvfg+LkF2ldgSLiF4T41lf1SQCM9QmkqPTn4TH568IRagg==} + '@fontsource-variable/inter@5.2.8': + resolution: {integrity: sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==} '@iconify-json/heroicons@1.2.3': resolution: {integrity: sha512-n+vmCEgTesRsOpp5AB5ILB6srsgsYK+bieoQBNlafvoEhjVXLq8nIGN4B0v/s4DUfa0dOrjwE/cKJgIKdJXOEg==} @@ -3191,7 +3191,7 @@ snapshots: '@esbuild/win32-x64@0.25.12': optional: true - '@fontsource/inter@5.2.8': {} + '@fontsource-variable/inter@5.2.8': {} '@iconify-json/heroicons@1.2.3': dependencies: diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e24e606..0ea471a 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -3,7 +3,7 @@ import Header from "../components/Header.astro"; import Footer from "../components/Footer.astro"; import { siteConfig } from "../config/site"; import "../styles/global.css"; -import "@fontsource/inter"; +import "@fontsource-variable/inter"; interface Props { title?: string; diff --git a/src/styles/global.css b/src/styles/global.css index c78a9ef..42199f8 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -41,5 +41,5 @@ html { } body { - font-family: 'Inter', system-ui, -apple-system, sans-serif; + font-family: 'Inter Variable', system-ui, -apple-system, sans-serif; }