/* ============================================================
fonts.css — self-hosted fonts for the no-external-fonts build.
The editorial layer needs two non-system families:
• Newsreader (serif headlines) weights 400, 500, 400-italic
• IBM Plex Mono (eyebrows / mono labels) weights 400, 500
Inter (body/UI) is intentionally NOT self-hosted — styles.css already
falls back to the system sans (-apple-system, Segoe UI, …), which is the
site's original behavior. Self-host Inter too only if you want identical
body type across every OS.
HOW TO SHIP (see FONTS-SETUP.md for the full walkthrough):
1. Download the five .woff2 files into /assets/fonts/ (names below).
2. In every page , replace the Google Fonts with:
root pages
services/* pages
Until the woff2 files exist, headlines fall back to Georgia and labels to
the system monospace — readable, just not the final look.
============================================================ */
@font-face {
font-family: 'Newsreader'; font-style: normal; font-weight: 400; font-display: swap;
src: url('../fonts/Newsreader-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Newsreader'; font-style: normal; font-weight: 500; font-display: swap;
src: url('../fonts/Newsreader-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'Newsreader'; font-style: italic; font-weight: 400; font-display: swap;
src: url('../fonts/Newsreader-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap;
src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap;
src: url('../fonts/IBMPlexMono-Medium.woff2') format('woff2');
}