Self-host fonts via @nuxt/fonts

ThomasLohner · ThomasLohner · commit d6488a852fbe · 2026-02-28T17:17:46.000+01:00
Replace Google Fonts @import with @nuxt/fonts module. Fonts are now downloaded at build time and bundled as static assets, fixing Docker builds that have no network access during the build step.
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
@@ -1,4 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=JetBrains+Mono:wght@400;500;600&display=swap');
 @import "tailwindcss";
 @import "@nuxt/ui";
 @plugin "@tailwindcss/typography";
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -2,6 +2,7 @@
 export default defineNuxtConfig({
   modules: [
     '@nuxt/eslint',
+    '@nuxt/fonts',
     '@nuxt/ui',
     'nuxt-auth-utils'
   ],
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
   "dependencies": {
     "@iconify-json/lucide": "^1.2.90",
     "@internationalized/date": "^3.11.0",
+    "@nuxt/fonts": "^0.14.0",
     "@nuxt/ui": "^4.4.0",
     "@tailwindcss/typography": "^0.5.19",
     "better-sqlite3": "^12.6.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=JetBrains+Mono:wght@400;500;600&display=swap');`
`2`	`1`	`@import "tailwindcss";`
`3`	`2`	`@import "@nuxt/ui";`
`4`	`3`	`@plugin "@tailwindcss/typography";`