chore: optimize fonts

assets/styles.scss

@@ -4,3 +4,23 @@
   font-family: "Noto Sans", sans-serif;
   font-weight: 500;
 }
+
+:root[lang^="en"] {
+  font-family: "Noto Sans", sans-serif;
+  font-weight: 500;
+}
+
+:root[lang^="zh-TW"], :root[lang^="zh-Hant"] {
+  font-family: "Noto Sans TC", "Noto Sans", sans-serif;
+  font-weight: 500;
+}
+
+:root[lang^="zh-CN"], :root[lang^="zh-Hans"] {
+  font-family: "Noto Sans SC", "Noto Sans", sans-serif;
+  font-weight: 500;
+}
+
+:root[lang^="ja"] {
+  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
+  font-weight: 500;
+}

components/AppFooter.vue

@@ -21,7 +21,7 @@ const { major, minor, commit } = useVersion()
   </div>
   <div select="none" class="text-center"><NuxtLink to="/privacy#privacy-policy">{{ t('privacy-policy') }}</NuxtLink></div>
   <br>
-  <div select-none class="version color-blue font-800 text-center">
+  <div select-none class="version color-emerald font-600 text-center">
     Build: {{ major }}-{{minor}}@<b>{{ commit.slice(0, 8) }}</b>
   </div>
 </template>

nuxt.config.ts

@@ -60,7 +60,6 @@ export default defineNuxtConfig({
     modules: [
       '@primevue/nuxt-module',
       '@nuxtjs/i18n',
-      '@nuxtjs/google-fonts',
       '@vite-pwa/nuxt',
       '@nuxt/content',
       '@nuxtjs/seo',
@@ -73,10 +72,11 @@ export default defineNuxtConfig({
       '@pinia/nuxt',
       'pinia-plugin-persistedstate',
       '@nuxtjs/device',
+      '@nuxt/fonts',
     ],
     version: {
         major: "a",
-        minor: 11
+        minor: 12
     },
     i18n: {
         langDir: "locales",
@@ -101,25 +101,6 @@ export default defineNuxtConfig({
     pinia: {
         storesDirs: ['./stores/**'],
     },
-    googleFonts: {
-        preload: true,
-        base64: true,
-        families: {
-            "Noto+Sans": {
-                wght: '400..600'
-            },
-            "Noto+Sans+SC": {
-                wght: '400..600'
-            },
-            "Noto+Sans+TC": {
-                wght: '400..600'
-            },
-            "Roboto": {
-                wght: '700',
-                text: "abcdefghijklmnopqrstuvwxyz1234567890"
-            }
-        }
-    },
     nitro: {
         preset: hyphenate(process.env.SERVER_PRESET ?? 'netlify_edge'),
     },
@@ -148,4 +129,9 @@ export default defineNuxtConfig({
     unocss: {
         nuxtLayers: true,
     },
+    fonts: {
+        defaults: {
+            weights: [400, 500, 600, 700]
+        }
+    }
 })

package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@nuxt/content": "^2.13.4",
-    "@nuxt/fonts": "^0.7.2",
+    "@nuxt/fonts": "^0.10.2",
     "@nuxt/image": "^1.8.1",
     "@nuxtjs/color-mode": "^3.5.1",
     "@nuxtjs/device": "^3.2.4",