diff --git a/package.json b/package.json
index 593449a..42acfdb 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "@better-auth/oauth-provider": "^1.7.2",
     "@better-auth/passkey": "1.7.2",
     "@faker-js/faker": "^10.3.0",
+    "@fontsource/manrope": "^5.3.0",
     "@microsoft/microsoft-graph-client": "^3.0.7",
     "@sentry/tanstackstart-react": "^10.67.0",
     "@t3-oss/env-core": "^0.13.10",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4e9a02d..513a4cb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -133,6 +133,9 @@ importers:
       '@faker-js/faker':
         specifier: ^10.3.0
         version: 10.6.0
+      '@fontsource/manrope':
+        specifier: ^5.3.0
+        version: 5.3.0
       '@microsoft/microsoft-graph-client':
         specifier: ^3.0.7
         version: 3.0.7(@azure/identity@4.13.2)(@azure/msal-browser@5.21.0)
@@ -982,6 +985,9 @@ packages:
   '@floating-ui/utils@0.2.12':
     resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==}
 
+  '@fontsource/manrope@5.3.0':
+    resolution: {integrity: sha512-obJ1Dv3+uCA6HlHgW8u4BGYxJR9In2HW7gjJhlflEvkrj1X1iSEwu0fToL+JYGC/FEKFfIz1sBuPduvcL2gIAA==}
+
   '@hexagon/base64@1.1.28':
     resolution: {integrity: sha512-lhqDEAvWixy3bZ+UOYbPwUbBkwBq5C1LAJ/xPC8Oi+lL54oyakv/npbA0aU2hgCsx/1NUd4IBvV03+aUBWxerw==}
 
@@ -5423,6 +5429,8 @@ snapshots:
 
   '@floating-ui/utils@0.2.12': {}
 
+  '@fontsource/manrope@5.3.0': {}
+
   '@hexagon/base64@1.1.28': {}
 
   '@jridgewell/gen-mapping@0.3.13':
diff --git a/src/styles.css b/src/styles.css
index 75ac1fd..f146bda 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,4 +1,8 @@
-@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
+@import "@fontsource/manrope/400.css";
+@import "@fontsource/manrope/500.css";
+@import "@fontsource/manrope/600.css";
+@import "@fontsource/manrope/700.css";
+@import "@fontsource/manrope/800.css";
 @import "tailwindcss";
 @import "tw-animate-css";
 @plugin '@tailwindcss/typography';