diff --git a/src/assets/fonts/Montserrat-Regular.ttf b/src/assets/fonts/Montserrat-Regular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..48ba65ed33dff18e74c62b0f08d8165db64a3085
Binary files /dev/null and b/src/assets/fonts/Montserrat-Regular.ttf differ
diff --git a/src/component/navbar.jsx b/src/component/navbar.jsx
index 969d60c8b64681603c900792f13b19bd262e759e..cfc05dd611977277747bca36db78d771c9ae6e0a 100644
--- a/src/component/navbar.jsx
+++ b/src/component/navbar.jsx
@@ -8,7 +8,7 @@ function Navbar() {
 
   return (
     <div
-      className="min-h-screen bg-cover"
+      className="min-h-screen bg-cover font-montserrat"
       style={{ backgroundImage: `url(${backgd})` }}
     >
       {/* Navbar */}
diff --git a/src/index.css b/src/index.css
index a461c505f1f0c24ab12240ac3f7fa374dfa237fb..8a35dab4f09eac3c63f976adfb8aa68f3a7bdec3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+@theme {
+    --font-montserrat: Montserrat, "sans-serif" ;
+}
 @import "tailwindcss";
\ No newline at end of file