diff --git a/app/globals.css b/app/globals.css
index 0a7aa79..b51d745 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -3,74 +3,74 @@
 /* ─── Madani Arabic Font ─── */
 @font-face {
   font-family: 'Madani Arabic';
-  src: url('/fonts/Madani Arabic Thin.ttf') format('truetype');
+  src: url('/fonts/Madani Arabic Thin.woff2') format('woff2');
   font-weight: 100;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: 'Madani Arabic';
-  src: url('/fonts/Madani Arabic Extra Light.ttf') format('truetype');
+  src: url('/fonts/Madani Arabic Extra Light.woff2') format('woff2');
   font-weight: 200;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: 'Madani Arabic';
-  src: url('/fonts/Madani Arabic Light.ttf') format('truetype');
+  src: url('/fonts/Madani Arabic Light.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: 'Madani Arabic';
-  src: url('/fonts/Madani-Arabic-Regular.ttf') format('truetype');
+  src: url('/fonts/Madani-Arabic-Regular.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: 'Madani Arabic';
-  src: url('/fonts/Madani Arabic Medium.ttf') format('truetype');
+  src: url('/fonts/Madani Arabic Medium.woff2') format('woff2');
   font-weight: 500;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: 'Madani Arabic';
-  src: url('/fonts/Madani Arabic Semi Bold.ttf') format('truetype');
+  src: url('/fonts/Madani Arabic Semi Bold.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: 'Madani Arabic';
-  src: url('/fonts/Madani-Arabic-Bold.ttf') format('truetype');
+  src: url('/fonts/Madani-Arabic-Bold.woff2') format('woff2');
   font-weight: 700;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: 'Madani Arabic';
-  src: url('/fonts/Madani Arabic Extra Bold.ttf') format('truetype');
+  src: url('/fonts/Madani Arabic Extra Bold.woff2') format('woff2');
   font-weight: 800;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 @font-face {
   font-family: 'Madani Arabic';
-  src: url('/fonts/Madani Arabic Black.ttf') format('truetype');
+  src: url('/fonts/Madani Arabic Black.woff2') format('woff2');
   font-weight: 900;
   font-style: normal;
-  font-display: swap;
+  font-display: block;
 }
 
 :root {
@@ -92,6 +92,10 @@
   }
 }
 
+html, body {
+  font-family: 'Madani Arabic', 'Noto Sans Arabic', 'Cairo', Arial, sans-serif;
+}
+
 body {
   background: var(--background);
   color: var(--foreground);
diff --git a/app/layout.js b/app/layout.js
index 539a5ac..e5bed49 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -29,22 +29,22 @@ export default function Layout({ children }) {
         <link
           rel="preload"
           as="font"
-          href="/fonts/Madani-Arabic-Regular.ttf"
-          type="font/ttf"
+          href="/fonts/Madani-Arabic-Regular.woff2"
+          type="font/woff2"
           crossOrigin="anonymous"
         />
         <link
           rel="preload"
           as="font"
-          href="/fonts/Madani-Arabic-Bold.ttf"
-          type="font/ttf"
+          href="/fonts/Madani-Arabic-Bold.woff2"
+          type="font/woff2"
           crossOrigin="anonymous"
         />
         <link
           rel="preload"
           as="font"
-          href="/fonts/Madani Arabic Medium.ttf"
-          type="font/ttf"
+          href="/fonts/Madani Arabic Medium.woff2"
+          type="font/woff2"
           crossOrigin="anonymous"
         />
       </head>
diff --git a/public/fonts/Madani Arabic Black.woff2 b/public/fonts/Madani Arabic Black.woff2
new file mode 100644
index 0000000..51d7e2a
Binary files /dev/null and b/public/fonts/Madani Arabic Black.woff2 differ
diff --git a/public/fonts/Madani Arabic Extra Bold.woff2 b/public/fonts/Madani Arabic Extra Bold.woff2
new file mode 100644
index 0000000..72a6def
Binary files /dev/null and b/public/fonts/Madani Arabic Extra Bold.woff2 differ
diff --git a/public/fonts/Madani Arabic Extra Light.woff2 b/public/fonts/Madani Arabic Extra Light.woff2
new file mode 100644
index 0000000..1a8985f
Binary files /dev/null and b/public/fonts/Madani Arabic Extra Light.woff2 differ
diff --git a/public/fonts/Madani Arabic Light.woff2 b/public/fonts/Madani Arabic Light.woff2
new file mode 100644
index 0000000..70bcfa8
Binary files /dev/null and b/public/fonts/Madani Arabic Light.woff2 differ
diff --git a/public/fonts/Madani Arabic Medium.woff2 b/public/fonts/Madani Arabic Medium.woff2
new file mode 100644
index 0000000..8f9445d
Binary files /dev/null and b/public/fonts/Madani Arabic Medium.woff2 differ
diff --git a/public/fonts/Madani Arabic Semi Bold.woff2 b/public/fonts/Madani Arabic Semi Bold.woff2
new file mode 100644
index 0000000..e9e40a1
Binary files /dev/null and b/public/fonts/Madani Arabic Semi Bold.woff2 differ
diff --git a/public/fonts/Madani Arabic Thin.woff2 b/public/fonts/Madani Arabic Thin.woff2
new file mode 100644
index 0000000..b0696ea
Binary files /dev/null and b/public/fonts/Madani Arabic Thin.woff2 differ
diff --git a/public/fonts/Madani Arabic Variable.woff2 b/public/fonts/Madani Arabic Variable.woff2
new file mode 100644
index 0000000..4113155
Binary files /dev/null and b/public/fonts/Madani Arabic Variable.woff2 differ
diff --git a/public/fonts/Madani-Arabic-Bold.woff2 b/public/fonts/Madani-Arabic-Bold.woff2
new file mode 100644
index 0000000..32c032c
Binary files /dev/null and b/public/fonts/Madani-Arabic-Bold.woff2 differ
diff --git a/public/fonts/Madani-Arabic-Regular.woff2 b/public/fonts/Madani-Arabic-Regular.woff2
new file mode 100644
index 0000000..b2cae37
Binary files /dev/null and b/public/fonts/Madani-Arabic-Regular.woff2 differ