font

WebmasterCamp · Jul 21, 2024 · d29f6bd · d29f6bd
1 parent b878c68
commit d29f6bd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -2,3 +2,4 @@
 @tailwind components;
 @tailwind utilities;
 
+@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');
diff --git a/app/page.js b/app/page.js
@@ -1,12 +1,11 @@
 "use client"
 import { useEffect, useState } from "react";
 import Box2 from "./components/box2";
-import Box1 from "./components/box1";
 
 export default function Home() {
 
   return (
-    <main className="flex gap-5 relative">
+    <main className="flex gap-5 relative font-Itim">
       <div className="bg-[#DEF9C4] -z-20 absolute w-full h-full"></div>
       <div className="min-h-screen  flex w-full justify-center mt-52">
         <Box2 salary={250000} />

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -13,6 +13,9 @@ module.exports = {
           "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
       },
     },
+    fontFamily:{
+      Itim : ["Itim", "sans-serif"]
+    }
   },
   plugins: [],
 };
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,3 +2,4 @@
		@tailwind components;
		@tailwind utilities;

		@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');