diff --git a/frontend/src/index.css b/frontend/src/index.css
index a168df0..99faddc 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Kavoon&display=swap');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 2f1b13a..c7f4bec 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
 function Home() {
     return (
         <>
-            <div>Home Page</div>
+            <div className="font-kavoon">Home Page</div>
             <Link to="/play">Play</Link>
         </>
     );
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 7d7d2c4..c0d14e7 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -5,7 +5,11 @@ export default {
     './src/**/*.{tsx,ts}',
   ],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        kavoon: ['Kavoon', 'serif'],
+      },
+    },
   },
   plugins: [],
 }