load font from npm

richardgill · Apr 1, 2024 · c54da46 · c54da46
1 parent 5b21762
commit c54da46
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -19,6 +19,7 @@
     "@astrojs/sitemap": "^3.1.1",
     "@astrojs/tailwind": "^5.1.0",
     "@astrojs/vercel": "^7.5.0",
+    "@fontsource/inter": "^5.0.17",
     "@hookform/resolvers": "^3.3.4",
     "@iconify-json/lucide": "^1.1.174",
     "@iconify-json/mdi": "^1.1.64",

diff --git a/apps/docs/src/layouts/base-layout.astro b/apps/docs/src/layouts/base-layout.astro
@@ -1,4 +1,5 @@
 ---
+import "@fontsource/inter";
 import BaseHead from "@/components/layout/base-head.astro";
 import TailwindIndicator from "@/components/tailwind-indicator.astro";
 // NOTE: work with { Toaster } from "@/components/ui/sonner" but need to update dark theme

diff --git a/apps/docs/src/styles/globals.css b/apps/docs/src/styles/globals.css
@@ -1,5 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap");
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml