diff --git a/assets/index.scss b/assets/index.scss
index 0c2f78e..a84a385 100644
--- a/assets/index.scss
+++ b/assets/index.scss
@@ -12,5 +12,5 @@ pre code.hljs {
 
 html, body, #__nuxt {
   height: 100%;
-  font-family: Noto Sans, SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-family: "Noto Sans", SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif;
 }
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 9781f32..27f2bc8 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -4,6 +4,22 @@ export default defineNuxtConfig({
   modules: [
     '@nuxt/ui',
     '@vueuse/nuxt',
+    ['@nuxtjs/google-fonts', {
+      families: {
+        'Noto Sans': true,
+        'Josefin+Sans': true,
+        Lato: [100, 300],
+        Raleway: {
+          wght: [100, 400],
+          ital: [100]
+        },
+        Inter: '200..700',
+        'Crimson Pro': {
+          wght: '200..900',
+          ital: '200..700',
+        }
+      }
+    }]
   ],
   ui: {
     icons: ['heroicons', 'iconoir']
diff --git a/package.json b/package.json
index fbdfc49..22580b0 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "prisma-push": "prisma db push"
   },
   "devDependencies": {
+    "@nuxtjs/google-fonts": "^3.2.0",
     "@types/node": "^20.11.28",
     "@types/ws": "^8.5.10",
     "h3": "^1.11.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b319f23..0d05579 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -103,6 +103,9 @@ dependencies:
     version: 8.16.0
 
 devDependencies:
+  '@nuxtjs/google-fonts':
+    specifier: ^3.2.0
+    version: 3.2.0
   '@types/node':
     specifier: ^20.11.28
     version: 20.11.28
@@ -2046,6 +2049,17 @@ packages:
       - supports-color
     dev: false
 
+  /@nuxtjs/google-fonts@3.2.0:
+    resolution: {integrity: sha512-cGAjDJoeQ2jm6VJCo4AtSmKO6KjsbO9RSLj8q261fD0lMVNMZCxkCxBkg8L0/2Vfgp+5QBHWVXL71p1tiybJFw==}
+    dependencies:
+      '@nuxt/kit': 3.11.0
+      google-fonts-helper: 3.5.0
+      pathe: 1.1.2
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: true
+
   /@nuxtjs/tailwindcss@6.11.4:
     resolution: {integrity: sha512-09cksgZD4seQj054Z/BeiwFg1bzQTol8KPulLDLGnmMTkEi21vj/z+WlXQRpVbN1GS9+oU9tcSsu2ufXCM3DBg==}
     dependencies:
@@ -4480,6 +4494,15 @@ packages:
       slash: 5.1.0
       unicorn-magic: 0.1.0
 
+  /google-fonts-helper@3.5.0:
+    resolution: {integrity: sha512-QcKvB3Y+jJFpvBUp/iG1oe9BbKirrjwU2mzJzKGGb5czz6T93CCP9A8IlfCoZnko7b1+gPH3yVghXP5EBvunDg==}
+    dependencies:
+      deepmerge: 4.3.1
+      hookable: 5.5.3
+      ofetch: 1.3.3
+      ufo: 1.5.1
+    dev: true
+
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}