ui: Add kavoon font to tailwind.config.js

asmit27rai · Jun 8, 2024 · 31e563f · 31e563f
1 parent b2f5d81
commit 31e563f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -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
@@ -5,7 +5,11 @@ export default {
     './src/**/*.{tsx,ts}',
   ],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        kavoon: ['Kavoon', 'serif'],
+      },
+    },
   },
   plugins: [],
 }