From 48523067fc27b3546ff2d74d168d3ee21ce6e141 Mon Sep 17 00:00:00 2001 From: Claw AI Date: Sat, 28 Mar 2026 16:52:31 +0000 Subject: [PATCH] Use local Madani Arabic font files instead of CDN - Added @font-face for all 9 weights (Thin to Black) - Removed CDN links from layout.js - Font loads locally from public/fonts/ --- app/globals.css | 73 +++++++++++++++++++++++++++++++++++++++++++++++++ app/layout.js | 11 +------- 2 files changed, 74 insertions(+), 10 deletions(-) diff --git a/app/globals.css b/app/globals.css index 2394a41..0a7aa79 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,5 +1,78 @@ @import "tailwindcss"; +/* ─── Madani Arabic Font ─── */ +@font-face { + font-family: 'Madani Arabic'; + src: url('/fonts/Madani Arabic Thin.ttf') format('truetype'); + font-weight: 100; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Madani Arabic'; + src: url('/fonts/Madani Arabic Extra Light.ttf') format('truetype'); + font-weight: 200; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Madani Arabic'; + src: url('/fonts/Madani Arabic Light.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Madani Arabic'; + src: url('/fonts/Madani-Arabic-Regular.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Madani Arabic'; + src: url('/fonts/Madani Arabic Medium.ttf') format('truetype'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Madani Arabic'; + src: url('/fonts/Madani Arabic Semi Bold.ttf') format('truetype'); + font-weight: 600; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Madani Arabic'; + src: url('/fonts/Madani-Arabic-Bold.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Madani Arabic'; + src: url('/fonts/Madani Arabic Extra Bold.ttf') format('truetype'); + font-weight: 800; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Madani Arabic'; + src: url('/fonts/Madani Arabic Black.ttf') format('truetype'); + font-weight: 900; + font-style: normal; + font-display: swap; +} + :root { --background: #ede6e6; --foreground: #156874; diff --git a/app/layout.js b/app/layout.js index e67c738..fc59121 100644 --- a/app/layout.js +++ b/app/layout.js @@ -25,16 +25,7 @@ export const metadata = { export default function Layout({ children }) { return ( - - - - +