Use a bundled font for consistency on non-Apple devices

lightningboltemoji · Sep 10, 2024 · fe677f0 · fe677f0
1 parent 073024e
commit fe677f0
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 3 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -2,8 +2,8 @@
 export default defineNuxtConfig({
   compatibilityDate: "2024-04-03",
   devServer: { host: "0.0.0.0" },
-  devtools: { enabled: true },
-  modules: ["@nuxtjs/tailwindcss", "nuxt-svgo"],
+  devtools: { enabled: false },
+  modules: ["@nuxtjs/tailwindcss", "nuxt-svgo", "@nuxt/fonts"],
   ssr: false,
   svgo: {
     defaultImport: "component",
@@ -14,4 +14,4 @@ export default defineNuxtConfig({
       viewport: "width=device-width, initial-scale=1.0, viewport-fit=cover",
     },
   },
-});
+});
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
+    "@nuxt/fonts": "^0.7.2",
     "@nuxtjs/tailwindcss": "^6.12.1",
     "@vueuse/core": "^11.0.3",
     "dayjs": "^1.11.13",

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -0,0 +1,14 @@
+import type { Config } from "tailwindcss";
+import defaultTheme from "tailwindcss/defaultTheme";
+
+const config: Partial<Config> = {
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ["Inter", ...defaultTheme.fontFamily.sans],
+      },
+    },
+  },
+  plugins: [],
+};
+export default config;