/* Self-hosted Fixel type family (Fixel Display + Fixel Text).
*
* PLACEHOLDER STATE: the woff2 files are NOT on disk yet (offline, no remote fetch allowed).
* Until they are dropped in, the fallback stack below renders. Drop the real files here to activate:
* assets/fonts/fixel-display.woff2
* assets/fonts/fixel-text.woff2
*
* How a variant uses this:
* 1. Link this file in :
* 2. Preload the display face:
* 3. Use the CSS vars: font-family: var(--font-display) / var(--font-text)
*
* font-display: swap => no invisible-text flash; fallback shows immediately, Fixel swaps in when loaded.
*/
@font-face {
font-family: "Fixel Display";
src: url("fixel-display.woff2") format("woff2");
font-weight: 400 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fixel Text";
src: url("fixel-text.woff2") format("woff2");
font-weight: 400 500;
font-style: normal;
font-display: swap;
}
:root {
/* Fixel first, then a robust cross-platform fallback stack (latin + cyrillic capable). */
--font-display: "Fixel Display", "Helvetica Neue", "Segoe UI", "Noto Sans", system-ui, -apple-system, Arial, sans-serif;
--font-text: "Fixel Text", "Helvetica Neue", "Segoe UI", "Noto Sans", system-ui, -apple-system, Arial, sans-serif;
}