Schriftmuster maierzone
Alles, was auf publisher.maierzone.de an Schrift ausgeliefert wird — und was nur behauptet wird. Die Seite rendert jede deklarierte Familie und misst im Browser nach, ob sie tatsächlich geladen wurde.
mzone-ui@1.5.0 bringt keine eigene Schrift mit. In 52 KB CSS steht keine einzige @font-face-Regel; die gesamte Typografie hängt an zwei System-Stacks. Was auf deinem Bildschirm steht, ist die Schrift deines Betriebssystems — auf Windows Segoe UI, auf macOS San Francisco, auf Linux je nach Fontconfig.
fonts-maierzone@1.0.0 deklariert dagegen vier Familien in elf Schnitten — aber ausgeliefert wird nur die fonts.css (2213 Bytes). Alle elf .woff2 antworten mit 404. Jedes publizierte diagram.svg trägt diese elf toten Referenzen im @font-face-Block mit sich.
1 · Was mzone-ui wirklich hat
Zwei Tokens, beide reine Fallback-Ketten. Kein Netzwerk-Request, kein Ladezustand, kein FOUT — dafür kein einheitliches Bild über Betriebssysteme hinweg.
2 · Die Typografie-Klassen im Satz
Alle neun Klassen der Gruppe Typografie, gerendert wie sie ausgeliefert werden. Größe, Laufweite und Farbe kommen aus mzone-ui — die Schrift selbst vom System.
mz-lead — der Vorspann, 17px auf 1.6, in der starken Textfarbe.
mz-muted — gedämpft, für Nachrangiges.
mz-small — 12,5px, für Fußnoten und Belege.
Inline: mz-code steht mitten im Satz.
mz-pre · Blocksatz für Code
{"variant": "custom", "transparentBackground": true}
3 · Die vier deklarierten Diagramm-Familien
Links die Familie so, wie fonts.css sie deklariert; rechts derselbe Text im reinen Fallback. Sehen beide Spalten gleich aus, ist die Schrift nicht geladen. Der Status daneben wird im Browser gemessen (document.fonts.check), nicht behauptet.
Rolle im Renderer: .dd-annotation — die kursiven Callouts am Rand.
Rolle im Renderer: .dd-title — Display-Schnitt für Überschriften.
Rolle im Renderer: Fließtext der Seite, Knoten-Labels.
Rolle im Renderer: .dd-eyebrow, .dd-sublabel, .dd-arrow-label, .dd-zone-label — vier von sieben SVG-Klassen.
4 · Auslieferungs-Status je Datei
| Datei | Familie | Schnitt | HTTP |
|---|
Live gemessen beim Laden dieser Seite, gegen dieselbe Origin, die auch der Diagramm-Renderer adressiert.