/* Archivr's own faces, embedded and served same-origin. * * These are the WOFF2 `latin` subsets already generated for the web UI * (ui/public/fonts//latin.woff2), copied in as artefacts — no * subsetting step, no Python in a Go repo. The portal is English-only * chrome, so `latin` is the whole requirement; latin-ext, cyrillic, greek * and vietnamese are ~200 KB of glyphs no screen here can render. * * All three are VARIABLE fonts. Verified by parsing each WOFF2's table * directory, which is uncompressed and so readable without decoding the * Brotli payload: every file carries `fvar` and `gvar` (Cormorant and * JetBrains also `avar`, Outfit also `MVAR`). So one declaration per family * across a weight RANGE is correct, and the browser interpolates real * letterforms rather than synthesising a bold — which on a display serif is * the visible failure this was worth checking for. * * The declared ranges below are MEASURED, not recalled. Each face was * rendered at 100..1000 in steps of 100 and probed two ways: advance width, * and ink coverage (summed alpha over the rasterised glyphs). A variable * font interpolates until it reaches an axis endpoint and then clamps, so * the weight at which the measurement stops changing IS the endpoint. * * Cormorant Garamond 300..700 +56% ink across the range * Outfit 100..900 +313% ink * JetBrains Mono 400..800 +48% ink * * Width alone is the WRONG probe for JetBrains: a monospaced face holds its * advance fixed at every weight by design, so it measured flat (576.00 vs * 575.99) and would have read as static. Ink is what distinguishes a real * axis from synthesis for it. * * Declaring a range wider than the axis is harmless — the browser clamps — * but declaring the measured range documents what is actually there. */ @font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300 700; font-display: swap; src: url(/assets/fonts/cormorant-garamond-latin.woff2) format("woff2"); } @font-face { font-family: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/assets/fonts/outfit-latin.woff2) format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/assets/fonts/jetbrains-mono-latin.woff2) format("woff2"); } /* The account portal's stylesheet. * * Transcribed from cloud/docs/claim-page-mockup.html, which is normative for * layout and copy. Three deliberate departures from it, each with a reason: * * 1. The faces are Archivr's, served same-origin from the embedded tree * (see the @font-face block above). This needs `font-src 'self'` in * internal/portal.CSP — without it `default-src 'none'` refuses every * face and the page silently renders platform fonts. * 2. Real controls. The mockup draws inputs as static divs. These are * and