/* ============================================================ Lusail — Qatar national font. Reusable web kit. Drop this folder (webkit/) into any project and add to : Then use: font-family:'Lusail', sans-serif; For Arabic, add 'Lusail' anywhere in the stack — the browser automatically uses it for Arabic glyphs and your Latin font for Latin text. ============================================================ */ @font-face{font-family:'Lusail';font-weight:100;font-style:normal;font-display:swap;src:url('Lusail-Thin.otf') format('opentype')} @font-face{font-family:'Lusail';font-weight:200;font-style:normal;font-display:swap;src:url('Lusail-Extralight.otf') format('opentype')} @font-face{font-family:'Lusail';font-weight:300;font-style:normal;font-display:swap;src:url('Lusail-Light.otf') format('opentype')} @font-face{font-family:'Lusail';font-weight:400;font-style:normal;font-display:swap;src:url('Lusail-Regular.otf') format('opentype')} @font-face{font-family:'Lusail';font-weight:500;font-style:normal;font-display:swap;src:url('Lusail-Medium.otf') format('opentype')} @font-face{font-family:'Lusail';font-weight:600;font-style:normal;font-display:swap;src:url('Lusail-Semibold.otf') format('opentype')} @font-face{font-family:'Lusail';font-weight:700;font-style:normal;font-display:swap;src:url('Lusail-Bold.otf') format('opentype')} @font-face{font-family:'Lusail';font-weight:800;font-style:normal;font-display:swap;src:url('Lusail-Extrabold.otf') format('opentype')} @font-face{font-family:'Lusail';font-weight:900;font-style:normal;font-display:swap;src:url('Lusail-Black.otf') format('opentype')} /* When the page is in Arabic (dir="rtl"), make Lusail the primary font. */ [dir="rtl"]{font-family:'Lusail','Segoe UI',sans-serif}