/* * Self-hosted fonts (Inter + IBM Plex Sans Arabic) — woff2. * Drop the .woff2 files into this directory (see ./README.md for sources). * This stylesheet is loaded directly from in BaseLayout.astro so that * Vite/Astro does NOT transform the URLs at build time (which would emit * warnings when the binary font files are not yet checked in). */ /* * Inter — self-hosted variable woff2 (mirrors rsms.me/inter/inter.css). * Both family names must keep resolving: the site's font stacks use * `InterVariable, Inter, ...`. The static `Inter` fallback points at the * same variable files so older stacks render identically. */ @font-face { font-family: InterVariable; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable.woff2") format("woff2"); } @font-face { font-family: InterVariable; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable-Italic.woff2") format("woff2"); } @font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable.woff2") format("woff2"); } @font-face { font-family: Inter; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable-Italic.woff2") format("woff2"); } @font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/IBMPlexSansArabic-Regular.woff2") format("woff2"); } @font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/IBMPlexSansArabic-Medium.woff2") format("woff2"); } @font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2"); } @font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/IBMPlexSansArabic-Bold.woff2") format("woff2"); }