/* fonts.css — self-hosted webfaces for the pages that carry NO navbar.
=====================================================================
login.html, change_password.html and reset_password.html are standalone
centred cards: they deliberately do not link navbar.css, so before this
file existed they were the only three pages still pulling DM Sans, Oswald
and DM Mono from https://fonts.googleapis.com. That was a render-blocking
cross-origin stylesheet — DNS + TCP + TLS to a third party before the page
could paint a single pixel, on the one screen every firefighter sees first.
These @font-face rules are a copy of the block at the top of navbar.css,
which serves the other 41 pages. Keep the two IN SYNC: the .woff2 filenames
carry the typeface release (oswald-v57-…, dm-sans-v17-…), so a font update
means new filenames and BOTH files must be edited. If they drift, these
three pages silently fall back to system fonts.
Do NOT link this file from a page that already loads navbar.css — that
would register all 11 faces twice for no benefit.
font-display: swap is load-bearing, not cosmetic: the default (auto, which
browsers treat as block) hides text until the webfont resolves, which is
exactly the flash-in this app has fixed elsewhere.
===================================================================== */
@font-face {
/* swap, never block: the default (auto ~= block) hides text until the
webfont lands, which is the navbar title flashing in. */
font-display: swap;
font-family: "DM Sans";
src: url("/assets/dm-sans-v17-latin-300.woff2")
format("woff2");
font-weight: 300;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: "DM Sans";
src: url("/assets/dm-sans-v17-latin-500.woff2")
format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: "DM Sans";
src: url("/assets/dm-sans-v17-latin-600.woff2")
format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: "DM Sans";
src: url("/assets/dm-sans-v17-latin-700.woff2")
format("woff2");
font-weight: 700;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: "DM Sans";
src: url("/assets/dm-sans-v17-latin-regular.woff2")
format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: "Oswald";
src: url("/assets/oswald-v57-latin-regular.woff2")
format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: "Oswald";
src: url("/assets/oswald-v57-latin-500.woff2")
format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: "Oswald";
src: url("/assets/oswald-v57-latin-600.woff2")
format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: "Oswald";
src: url("/assets/oswald-v57-latin-700.woff2")
format("woff2");
font-weight: 700;
font-style: normal;
}
/* DM Mono is self-hosted for the same reason DM Sans and Oswald are, and it is
the one that mattered most: it was the LAST family still coming from
fonts.googleapis.com, and that was a render-blocking CROSS-ORIGIN
stylesheet in every page's . Nothing in a document paints until every
render-blocking stylesheet has loaded — measured: a body-top