Add fallback font and download font locally

assets/css/main.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
-
 @layer tailwind-base, primevue, tailwind-utilities;
 
 @layer tailwind-base {
@@ -25,7 +23,7 @@ html,
 body {
     --p-datatable-header-cell-background: transparent;
     --p-datatable-row-background: transparent;
-    font-family: 'Inter';
+    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     font-size: 15px;
 
     --p-tabmenu-active-bar-height: 2.5px;

nuxt.config.ts

@@ -157,7 +157,8 @@ export default defineNuxtConfig({
     '@hebilicious/vue-query-nuxt',
     '@vueuse/nuxt',
     '@primevue/nuxt-module',
-    'nuxt-svgo-loader'
+    'nuxt-svgo-loader',
+    "@nuxtjs/google-fonts"
   ],
 
   primevue: {
@@ -216,4 +217,12 @@ export default defineNuxtConfig({
       });
     },
   },
+  googleFonts: {
+    families: {
+      Inter: {
+        wght: [300, 400, 500, 600, 700],
+        ital: [300, 400, 500, 600, 700],
+      },
+    },
+  },
 })

package.json

@@ -55,6 +55,7 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.18.9",
     "@nuxt/test-utils": "^3.14.3",
+    "@nuxtjs/google-fonts": "^3.2.0",
     "@playwright/test": "^1.48.0",
     "@types/crypto-js": "^4.2.2",
     "@types/lodash": "^4.17.0",

yarn.lock

@@ -1,6 +1,6 @@
 # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
 # yarn lockfile v1
-# bun ./bun.lockb --hash: 9C6BD510801E669E-b9e992dc8afcebe9-C3460F3346A56EF7-17f2b2a0b5817ed9
+# bun ./bun.lockb --hash: 6238A60A19552638-96d1fcf09cb4a806-CC137B1DBFF3BE26-8536470aef46ace3
 
 
 "@aashutoshrathi/word-wrap@^1.2.3":
@@ -1899,7 +1899,7 @@
     untyped "^1.4.2"
     "@nuxt/schema" "3.12.4"
 
-"@nuxt/kit@^3.13.2", "@nuxt/kit@^3.7.3", "@nuxt/kit@^3.8.2":
+"@nuxt/kit@^3.10.3", "@nuxt/kit@^3.13.2", "@nuxt/kit@^3.7.3", "@nuxt/kit@^3.8.2":
   version "3.13.2"
   resolved "https://registry.npmjs.org/@nuxt/kit/-/kit-3.13.2.tgz"
   integrity sha512-KvRw21zU//wdz25IeE1E5m/aFSzhJloBRAQtv+evcFeZvuroIxpIQuUqhbzuwznaUwpiWbmwlcsp5uOWmi4vwA==
@@ -2131,6 +2131,15 @@
     vue-bundle-renderer "^2.1.0"
     "@nuxt/kit" "3.12.4"
 
+"@nuxtjs/google-fonts@^3.2.0":
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/@nuxtjs/google-fonts/-/google-fonts-3.2.0.tgz"
+  integrity sha512-cGAjDJoeQ2jm6VJCo4AtSmKO6KjsbO9RSLj8q261fD0lMVNMZCxkCxBkg8L0/2Vfgp+5QBHWVXL71p1tiybJFw==
+  dependencies:
+    pathe "^1.1.2"
+    "@nuxt/kit" "^3.10.3"
+    google-fonts-helper "^3.5.0"
+
 "@one-ini/[email protected]":
   version "0.1.1"
   resolved "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz"
@@ -4914,7 +4923,7 @@ deep-is@^0.1.3:
   resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
-deepmerge@^4.2.2:
+deepmerge@^4.2.2, deepmerge@^4.3.1:
   version "4.3.1"
   resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
@@ -5998,6 +6007,16 @@ globby@^14.0.1, globby@^14.0.2:
     slash "^5.1.0"
     unicorn-magic "^0.1.0"
 
+google-fonts-helper@^3.5.0:
+  version "3.6.0"
+  resolved "https://registry.npmjs.org/google-fonts-helper/-/google-fonts-helper-3.6.0.tgz"
+  integrity sha512-ReantWd/l8dedKqTYjvqaQ55rAl/rbRqWL5VXHNXtGwIhMX4N8VNA7V19drr7xiv5G3pzlYID0K4FauvGqnWEg==
+  dependencies:
+    deepmerge "^4.3.1"
+    hookable "^5.5.3"
+    ofetch "^1.3.4"
+    ufo "^1.5.3"
+
 graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz"
@@ -7748,7 +7767,7 @@ ofetch@^1.3.3, ofetch@^1.3.4:
     node-fetch-native "^1.6.3"
     ufo "^1.5.3"
 
-ofetch@^1.4.0:
+ofetch@^1.3.4, ofetch@^1.4.0:
   version "1.4.1"
   resolved "https://registry.npmjs.org/ofetch/-/ofetch-1.4.1.tgz"
   integrity sha512-QZj2DfGplQAr2oj9KzceK9Hwz6Whxazmn85yYeVuS3u9XTMOGMRx0kO95MQ+vLsj/S/NwBDMMLU5hpxvI6Tklw==