/** * Self-hosted Noto Sans Arabic — used only when ``. * Loaded after theme CSS so these rules override "Fira Sans" from theme-default.css. */ :root { --font-arabic: "Noto Sans Arabic", "Fira Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } @font-face { font-family: "Noto Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/noto-sans-arabic/noto-sans-arabic-arabic-400-normal.woff2") format("woff2"); } @font-face { font-family: "Noto Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/noto-sans-arabic/noto-sans-arabic-arabic-500-normal.woff2") format("woff2"); } @font-face { font-family: "Noto Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/noto-sans-arabic/noto-sans-arabic-arabic-600-normal.woff2") format("woff2"); } @font-face { font-family: "Noto Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/noto-sans-arabic/noto-sans-arabic-arabic-700-normal.woff2") format("woff2"); } /* Theme sets Fira on body, paragraphs, and headings — mirror that scope for Arabic. */ html[lang="ar"] body, html[lang="ar"] p, html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6 { font-family: var(--font-arabic); } /* Scoped copy block in style.css that sets Fira explicitly */ html[lang="ar"] section.counter_area .about-salt-block-copy p { font-family: var(--font-arabic); }