/* ============================================================
DATA — Self-hosted web fonts (@font-face)
No Google CDN / no Google service: all binaries served from
web/static/fonts/ on our own host.
Families & weights are the ONLY ones used by the site:
- Source Serif 4 — 500 (--font-display, headings)
- Source Sans 3 — 400, 600 (--font-sans, body / UI / buttons)
- Roboto — 400, 700 (--font-data, dashboards / data; Amy's choice)
Binaries to fetch are listed in web/static/fonts/README.md.
Paths are relative to THIS file (web/static/css/fonts.css → ../fonts/).
============================================================ */
/* ---- Source Serif 4 (display / headings) ------------------ */
@font-face {
font-family: "Source Serif 4";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../fonts/source-serif-4-500.woff2") format("woff2");
}
/* ---- Source Sans 3 (body / UI / buttons) ------------------ */
@font-face {
font-family: "Source Sans 3";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/source-sans-3-400.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../fonts/source-sans-3-600.woff2") format("woff2");
}
/* ---- Roboto (data / dashboards — Amy's design) ------------ */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/roboto-400.woff2") format("woff2");
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../fonts/roboto-700.woff2") format("woff2");
}
/* The font-family STACKS (with system fallbacks) live in design/tokens.css:
--font-display / --font-sans / --font-data. Load this file BEFORE tokens.css
is used, e.g. in :
Optionally preload the two most-visible faces to cut FOUT:
*/