diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 25355db..c84c45e 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,13 +1,15 @@
 {
   "name": "evsy-frontend",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "evsy-frontend",
-      "version": "1.2.0",
+      "version": "1.3.1",
       "dependencies": {
+        "@fontsource-variable/inter": "^5.2.8",
+        "@fontsource/pacifico": "^5.2.7",
         "@tailwindcss/vite": "^4.1.4",
         "@tanstack/vue-query": "^5.92.9",
         "@tanstack/vue-table": "^8.21.3",
@@ -938,6 +940,24 @@
         }
       }
     },
+    "node_modules/@fontsource-variable/inter": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.8.tgz",
+      "integrity": "sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource/pacifico": {
+      "version": "5.2.7",
+      "resolved": "https://registry.npmjs.org/@fontsource/pacifico/-/pacifico-5.2.7.tgz",
+      "integrity": "sha512-L+YiZn3Lb8rVN15zcLlti62doVxQeFpS+dJmulKkFrUo3dZIAxZLHwXoKaaHm+VVcOTrT/mmKCZqGOIWVmFV2w==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.1",
       "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 5be343a..b730c7f 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -14,6 +14,8 @@
     "test:unit": "vitest"
   },
   "dependencies": {
+    "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource/pacifico": "^5.2.7",
     "@tailwindcss/vite": "^4.1.4",
     "@tanstack/vue-query": "^5.92.9",
     "@tanstack/vue-table": "^8.21.3",
diff --git a/frontend/src/index.css b/frontend/src/index.css
index da009e6..3230002 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,4 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&family=Pacifico&display=swap');
 @import 'tailwindcss';
 @import 'tw-animate-css';
 
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 2471c6c..af07de0 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -2,6 +2,8 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import { installVueQuery } from './shared/plugins/vue-query'
 import router from './router'
+import '@fontsource-variable/inter'
+import '@fontsource/pacifico'
 import './index.css'
 import App from '@/App.vue'