/* ============================================================
Army NCO Prep — marketing site — SELF-HOSTED webfonts
Fraunces (serif display) + Inter (UI). Variable, latin.
Jordan's ruling (AD-085 Rev B): Fraunces is the PRIMARY face and
renders for EVERY visitor. Baked in, self-hosted, font-display:BLOCK.
No third-party request. No substitute stack, no system-serif version,
no path where the approved type does not appear. (font-display:optional
is WITHDRAWN — it showed the fallback and never swapped in the real face.)
Files (place in armyncoprep-site/assets/fonts/):
fraunces-var-latin.woff2 opsz+wght, 67 KB
inter-var-latin.woff2 wght, 48 KB
Ship Fraunces-OFL.txt and Inter-OFL.txt alongside.
PRELOAD IS MANDATORY — put these in , BEFORE this stylesheet:
Under block the text waits for the font; preload is what keeps that wait
short and away from the spec's ~3s invisibility ceiling.
============================================================ */
@font-face{
font-family:"Fraunces Variable";
font-style:normal; font-weight:100 900;
font-display:block;
src:url(/assets/fonts/fraunces-var-latin.woff2) format("woff2-variations");
}
@font-face{
font-family:"Inter Variable";
font-style:normal; font-weight:100 900;
font-display:block;
src:url(/assets/fonts/inter-var-latin.woff2) format("woff2-variations");
}
:root{
/* Georgia etc. are a TRUE backstop only — used solely if the woff2 fails to load at all. */
--serif:"Fraunces Variable",Georgia,"Iowan Old Style",serif;
--sans:"Inter Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
html{ font-optical-sizing:auto; } /* let Fraunces use its opsz axis */