/* ══════════════════════════════════════════════════════════════
assets/css/fonts.css
THE ONLY FILE TO EDIT WHEN YOU CHANGE FONTS.
Every other stylesheet (style.css, ide.css, policy.css,
robot_style.css, journal-reader.css, and any future one) must
ONLY ever consume var(--font-display) / var(--font-body).
None of them may:
- hardcode a literal font name (e.g. font-family: 'Manrope')
- redefine --font-display / --font-body in their own :root
- put a specific font name as the var() fallback argument
(fallback should be a generic keyword only, e.g. sans-serif,
so there's nothing here that can go stale a second time)
Loaded via a plain tag (not @import — @import creates a
serial request chain; a lets the browser discover and
fetch it in parallel with everything else), placed BEFORE any
other stylesheet in every page's .
══════════════════════════════════════════════════════════════ */
@font-face {
font-family: "Golos Text";
src: url("../fonts/GolosText-Variable.woff2") format("woff2-variations");
font-weight: 400 700;
font-style: normal;
font-display: swap;
}
@font-face {
/* Static instance — sidesteps the Safari/iOS variable-font
interpolation bug that distorted ғ at weight 800. */
font-family: "Golos Text";
src: url("../fonts/GolosText-800-static.woff2") format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PT Sans";
src: url("../fonts/PTSans-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--font-display: "Golos Text", "PT Sans", sans-serif;
--font-body: "Golos Text", sans-serif;
}