デフォルトのフォントを変更

CoreNion · Jan 5, 2024 · d49ff5d · d49ff5d
1 parent cb75c72
commit d49ff5d
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 1 deletion.
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -18,4 +18,8 @@ body {
   border-radius: 50%;
   filter: drop-shadow(0 0 15px #C7D4E0);
 }
+
+[data-theme="dash"] body {
+  font-family: 'BIZ UDPGothic', sans-serif;
+}
 </style>
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -9,12 +9,18 @@ export default defineNuxtConfig({
   },
   build: {},
   modules: [
+    '@nuxtjs/google-fonts',
     '@nuxtjs/tailwindcss',
     '@nuxtjs/color-mode',
     'nuxt3-leaflet',
     'nuxt-icon',
     '@vite-pwa/nuxt'
   ],
+  googleFonts: {
+    families: {
+      "BIZ+UDPGothic": [400, 700],
+    }
+  },
   pwa: {
     manifest: {
       name: 'Campus Dashboard',

diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
   "devDependencies": {
     "@nuxt/devtools": "^1.0.3",
     "@nuxtjs/color-mode": "^3.3.2",
+    "@nuxtjs/google-fonts": "^3.1.3",
     "@nuxtjs/tailwindcss": "^6.10.1",
     "@types/leaflet": "^1",
     "@types/w3c-web-serial": "^1.0.6",

diff --git a/yarn.lock b/yarn.lock
@@ -2472,6 +2472,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@nuxtjs/google-fonts@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "@nuxtjs/google-fonts@npm:3.1.3"
+  dependencies:
+    "@nuxt/kit": "npm:^3.8.2"
+    google-fonts-helper: "npm:^3.4.1"
+    pathe: "npm:^1.1.1"
+  checksum: 15eeab02bca923d89ecee836a04ee3e9a181ae63336c01a89ad67bd61c90ff1cd21d9706c3be3baf9d58492423d00310f9a5eed833353e8a12f209302bb40f49
+  languageName: node
+  linkType: hard
+
 "@nuxtjs/tailwindcss@npm:^6.10.1":
   version: 6.10.1
   resolution: "@nuxtjs/tailwindcss@npm:6.10.1"
@@ -4797,7 +4808,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deepmerge@npm:^4.2.2":
+"deepmerge@npm:^4.2.2, deepmerge@npm:^4.3.1":
   version: 4.3.1
   resolution: "deepmerge@npm:4.3.1"
   checksum: e53481aaf1aa2c4082b5342be6b6d8ad9dfe387bc92ce197a66dea08bd4265904a087e75e464f14d1347cf2ac8afe1e4c16b266e0561cc5df29382d3c5f80044
@@ -5958,6 +5969,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"google-fonts-helper@npm:^3.4.1":
+  version: 3.4.1
+  resolution: "google-fonts-helper@npm:3.4.1"
+  dependencies:
+    deepmerge: "npm:^4.3.1"
+    hookable: "npm:^5.5.3"
+    ofetch: "npm:^1.3.3"
+    ufo: "npm:^1.3.2"
+  checksum: 285af2a0e77aa2e0812d83adb5edd027e7235f6ca49d1a4ef5245e9674f14a12b396d31f5b73818ef17d86dd266455eb00f3d578dad71359d394bd0a4236226e
+  languageName: node
+  linkType: hard
+
 "gopd@npm:^1.0.1":
   version: 1.0.1
   resolution: "gopd@npm:1.0.1"
@@ -7994,6 +8017,7 @@ __metadata:
   dependencies:
     "@nuxt/devtools": "npm:^1.0.3"
     "@nuxtjs/color-mode": "npm:^3.3.2"
+    "@nuxtjs/google-fonts": "npm:^3.1.3"
     "@nuxtjs/tailwindcss": "npm:^6.10.1"
     "@types/leaflet": "npm:^1"
     "@types/w3c-web-serial": "npm:^1.0.6"