/* * lettertypen.css — Source Sans Pro, zelf gehost. * * ----------------------------------------------------------------------------- * WAAROM DIT BESTAAT: D-05, EN DE GROND IS DE AVG EN NIET DE ESTHETIEK * ----------------------------------------------------------------------------- * * Tot plan 16-06 laadden ZES pagina's van deze applicatie hun lettertype bij * Google: * * auth/login, auth/passwords/email, auth/passwords/reset, * errors/500, errors/503, cookies/index * * Een naar fonts.googleapis.com betekent dat de browser van de gebruiker * bij ELKE paginaweergave een verzoek naar een derde partij doet. Dat verzoek * draagt het IP-adres, de user-agent en de referrer mee. Deze applicatie draait * op personeelsgegevens van een Nederlandse werkgever: de inlogpagina is precies * de plek waar een medewerker zich meldt, en het IP-adres van die medewerker * hoort daar niet buiten de verwerkersketen terecht te komen. Het is een * blootstelling die gratis weg te nemen is, en dit bestand neemt haar weg. * * ----------------------------------------------------------------------------- * HET IS HETZELFDE LETTERTYPE — DIT IS GEEN ONTWERPBESLISSING * ----------------------------------------------------------------------------- * * De bestanden hieronder komen uit `@fontsource/source-sans-pro` 5.3.0, dat * exact dezelfde Adobe Source Sans Pro levert onder dezelfde SIL Open Font * License 1.1 als Google's kopie. Nagemeten in het npm-register op 2026-09-10: * aangemaakt 2020-12-23, opslagplaats github.com/fontsource/font-files, licentie * OFL-1.1, 109.066 downloads in de week van 31 augustus. * * De familienaam is met opzet LETTERLIJK 'Source Sans Pro' — dezelfde naam die * Google's stylesheet vandaag zet. Elke bestaande CSS-regel in deze applicatie * (AdminLTE zet `font-family: 'Source Sans Pro', ...` op de body) vindt het * lettertype daarmee terug zonder dat er iets anders verandert. Een eigen naam * zou hier het uiterlijk van zes pagina's in een keer wijzigen. * * ----------------------------------------------------------------------------- * WAAROM `font-display: auto` EN NIET `swap` * ----------------------------------------------------------------------------- * * GEMETEN 2026-09-10: de stylesheet die Google op de URL van deze applicatie * teruggeeft draagt HELEMAAL GEEN `font-display`-eigenschap. De CSS-standaard * geeft dan `auto`. Fontsource's eigen kant-en-klare stylesheets zetten `swap` * — en dat is een ANDER laadgedrag: bij `swap` toont de browser eerst het * terugvallettertype en wisselt daarna zichtbaar om. Deze fase belooft geen * zichtbaar verschil, dus staat hier `auto`. Wie `swap` wil, doet dat als eigen * as met een eigen visuele bewijsronde. * * ----------------------------------------------------------------------------- * WAAROM ZEVEN BLOKKEN, EN WAAROM ALLEEN DE LATIJNSE DEELVERZAMELING * ----------------------------------------------------------------------------- * * De vervangen URL vroeg letterlijk om `300,400,600,700,300italic,400italic, * 600italic`: vier rechte gewichten en drie cursieven, samen zeven snedes. Meer * zou de gebruiker bestanden laten ophalen die geen enkele regel opvraagt. * * Google splitst elke snede nog eens over zeven deelverzamelingen (latijn, * latijn-uitgebreid, grieks, cyrillisch, Vietnamees) en laat de browser kiezen * via `unicode-range`. Hier staat alleen de LATIJNSE. De interfacetaal is * Nederlands en de gegevens zijn namen van medewerkers; U+0000-00FF dekt de * volledige Nederlandse spelling inclusief ë, ï, é en ç. Dat is een bewuste * versmalling en geen omissie: zij scheelt zes verzoeken per snede en het * terugvallettertype vangt een naam met een Grieks of Cyrillisch teken op. * * De `woff`-regel achter elke `woff2` is de terugval voor oude browsers. Google * leverde die op basis van de user-agent; een statisch bestand kan dat niet, dus * staan beide vormen hier naast elkaar. De browser kiest de eerste die hij kent. * * De paden zijn RELATIEF aan dit bestand en wijzen in de map die * `npm run assets:vendor` neerzet (bin/webwortel-assets.js). public/node_modules * staat sinds plan 16-05 niet meer in git; ontbreekt de map, dan is die stap * niet gedraaid. */ /* source-sans-pro-latin-300-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-display: auto; src: url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-300-normal.woff2) format('woff2'), url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-300-normal.woff) format('woff'); } /* source-sans-pro-latin-400-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-display: auto; src: url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-400-normal.woff2) format('woff2'), url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-400-normal.woff) format('woff'); } /* source-sans-pro-latin-600-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-display: auto; src: url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-600-normal.woff2) format('woff2'), url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-600-normal.woff) format('woff'); } /* source-sans-pro-latin-700-normal */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; font-display: auto; src: url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-700-normal.woff2) format('woff2'), url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-700-normal.woff) format('woff'); } /* source-sans-pro-latin-300-italic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; font-display: auto; src: url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-300-italic.woff2) format('woff2'), url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-300-italic.woff) format('woff'); } /* source-sans-pro-latin-400-italic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; font-display: auto; src: url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-400-italic.woff2) format('woff2'), url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-400-italic.woff) format('woff'); } /* source-sans-pro-latin-600-italic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; font-display: auto; src: url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-600-italic.woff2) format('woff2'), url(../node_modules/@fontsource/source-sans-pro/files/source-sans-pro-latin-600-italic.woff) format('woff'); }