Wide Bold nur noch fuer die Reichweite, sonst zurueck auf Light
Der Eigentuemer hat die gestrige Schriftaenderung zurueckgenommen - ausser fuer die Reichweite ueber dem Tankbalken. Die Ausnahme haengt deshalb an .tankzeile .fig bzw. .dm-tankzeile .ads-fig und nicht an .fig/.ads-fig, sonst zoege sie Kilometerstand, Service-Wert und jede Detailseite mit. Wide Normal (400) ist wieder heraus - nach der Ruecknahme nutzte es niemand mehr, im Panel 53 kB base64 und in der App eine 39.888-Byte-woff2. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -12300,3 +12300,39 @@ einer reinen Kommentaraenderung in `audi-dashboard-app.js` plus Versionsnummer,
|
||||
die Testinstanz auf **2026.9.5.23**. Ein "Update installieren" dort muss
|
||||
"nur Oberflaechendateien, kein Neustart noetig" melden. Die Probeaenderung
|
||||
gehoert danach wieder heraus.
|
||||
|
||||
## DD. Wide Bold nur noch für die Reichweite (2026.9.6.1)
|
||||
|
||||
Am 05.09.2026 standen alle großen Zahlen auf Wide Bold (700), weil der
|
||||
Eigentümer die Reichweite mit der myAudi-App verglichen hatte („die Ziffern der
|
||||
Reichweite sind in der Audi App dicker"). Am 06.09.2026 hat er das
|
||||
zurückgenommen — **außer für die Reichweite über dem Tankbalken**. Überall
|
||||
sonst ist wieder Light (300).
|
||||
|
||||
Die Ausnahme hängt deshalb am Tankbalken und nicht an `.fig` / `.ads-fig`:
|
||||
|
||||
| | Panel | App |
|
||||
|---|---|---|
|
||||
| Grundschnitt | `.fig { font-weight: 300 }` | `.ads-fig, .dm-detail__zahl { 300 }` |
|
||||
| Ausnahme | `.tankzeile .fig { font-weight: 700 }` | `.dm-tankzeile .ads-fig { 700 }` |
|
||||
|
||||
`design-system/src/components/Fig/Fig.css` steht wieder auf 300 — und bleibt
|
||||
dort wirkungslos, solange `audi-schrift.css` dieselbe Klasse später
|
||||
überschreibt (Abschnitt DC, Befund 1).
|
||||
|
||||
**Wide Normal (400) ist wieder heraus.** Es war genau einen Tag eingebunden und
|
||||
hatte nach der Rücknahme keinen Nutzer mehr: im Panel 53 kB base64, die jedes
|
||||
Laden mitzieht, in der App eine 39.888-Byte-woff2. Vorhanden sind jetzt wieder
|
||||
Wide 300, Wide 700 und Normal 400.
|
||||
|
||||
**Messfalle, zum zweiten Mal:** die Stylesheets des Panels hängen als `<link>`
|
||||
im Shadow-Root und werden asynchron angewandt. Direkt nach einem Neuladen
|
||||
gemessen liefert `getComputedStyle` noch `font-weight: 400` und
|
||||
`letter-spacing: normal` für **alle** `.fig` — nicht, weil die Regel fehlt,
|
||||
sondern weil das Blatt noch nicht greift. Erst einige Sekunden später steht
|
||||
dort 700/300 und `-1.8px`. Ein Messwert unmittelbar nach `navigate` ist
|
||||
wertlos; entweder auf `link.sheet` warten oder ein zweites Mal messen.
|
||||
|
||||
Live geprüft (2026.9.6.1, beide Oberflächen): Reichweite 700, Nächster Service
|
||||
300, Kilometerstand 300, geladene Wide-Schnitte nur noch 300 und 700,
|
||||
Reservebalken `rgb(245, 5, 55)`.
|
||||
|
||||
Binary file not shown.
@@ -12,7 +12,7 @@
|
||||
* base64 eingebettet lagen. Als eigene woff2-Dateien sind sie zwischenspeicherbar,
|
||||
* statt bei jedem Laden des Stylesheets erneut übertragen zu werden.
|
||||
*
|
||||
* Vorhanden sind Wide in 300/400/700 und Normal in 400. Nur diese setzen —
|
||||
* Vorhanden sind Wide in 300 und 700 und Normal in 400. Nur diese setzen —
|
||||
* alles andere verdickt oder verschmälert der Browser künstlich, was sichtbar
|
||||
* anders aussieht.
|
||||
*/
|
||||
@@ -33,28 +33,19 @@
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* Audi Type Wide gab es hier bis zum 05.09.2026 nur als Light (300) -
|
||||
deshalb standen die grossen Zahlen im Light-Schnitt, und der Eigentuemer
|
||||
verglich sie mit der myAudi-App: "die Ziffern der Reichweite sind in der
|
||||
Audi App dicker". Er hat daraufhin den vollen Satz aus Audis eigenem
|
||||
Styleguide geliefert (styleguide.audi.com, AudiType 4.03). Wide Normal und Wide Bold sind
|
||||
seither eingebunden.
|
||||
/* Wide Bold (700). Audi Type Wide gab es hier bis zum 05.09.2026 nur als Light
|
||||
(300); der Eigentuemer verglich die grossen Zahlen mit der myAudi-App ("die
|
||||
Ziffern der Reichweite sind in der Audi App dicker") und lieferte den vollen
|
||||
Satz aus Audis eigenem Styleguide (styleguide.audi.com, AudiType 4.03).
|
||||
|
||||
Am 06.09.2026 hat er entschieden, den fetten Schnitt NUR fuer die Reichweite
|
||||
ueber dem Tankbalken zu behalten - ueberall sonst wirkte er als Fremdkoerper
|
||||
und steht wieder auf Light. Wide Normal (400) war einen Tag lang eingebunden
|
||||
und ist wieder heraus, weil es danach niemand mehr benutzte.
|
||||
|
||||
Lizenz: gilt wie alle Audi-Assets nur fuer diese eine private Installation.
|
||||
Deshalb liegt die Datei in companion-app bzw. im Panel, NIE in
|
||||
design-system. */
|
||||
@font-face {
|
||||
font-family: "Audi Type Wide";
|
||||
src: url("../assets/audi/schriften/audi-type-wide-400.woff2") format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* Wide Bold (700), der Schnitt der grossen Zahlen. Erst stand dort Light, dann
|
||||
Normal - beides war gegenueber der myAudi-App zu duenn. Die fruehere
|
||||
Projektregel "nur 300/400" gilt damit nicht mehr; sie stand nur da, weil es
|
||||
keine anderen Schnitte gab. */
|
||||
@font-face {
|
||||
font-family: "Audi Type Wide";
|
||||
src: url("../assets/audi/schriften/audi-type-wide-700.woff2") format("woff2");
|
||||
@@ -81,10 +72,7 @@
|
||||
}
|
||||
|
||||
/* Große Zahlen (Kilometerstand, Reichweite, Beträge) in der breiten Schnitt-
|
||||
variante, wie im Panel. */
|
||||
/* Seit dem 05.09.2026 Normal- statt Light-Schnitt: der Eigentümer verglich die
|
||||
Zahlen mit der myAudi-App („die Ziffern der Reichweite sind in der Audi App
|
||||
dicker") und lieferte daraufhin den vollen Satz aus Audis Styleguide. Seither steht dort Wide Bold.
|
||||
variante, wie im Panel.
|
||||
|
||||
Diese Regel steht NACH dem Design-System und gewinnt gegen dessen .ads-fig —
|
||||
eine Änderung dort allein bleibt hier wirkungslos. Genau das ist am
|
||||
@@ -94,6 +82,16 @@
|
||||
.ads-fig,
|
||||
.dm-detail__zahl {
|
||||
font-family: var(--font-wide);
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/* Die einzige Ausnahme: die Reichweite über dem Tankbalken. Der Eigentümer
|
||||
verglich sie mit der myAudi-App und wollte sie dicker; am 06.09.2026 hat er
|
||||
entschieden, dass es bei genau dieser einen Zahl bleibt. Deshalb hängt die
|
||||
Ausnahme am Tankbalken und nicht an .ads-fig — sonst zöge sie den
|
||||
Kilometerstand, den Service-Wert und jede Detailseite mit.
|
||||
Wortgleich mit .tankzeile .fig im Panel. */
|
||||
.dm-tankzeile .ads-fig {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":"2026.9.5.43","sha256":"5f10d242a786850624aa8484fb83c8638fc43e41c20afd894c008665dde0c1f0","bytes":418680,"gebaut":"2026-09-05T15:55:43Z"}
|
||||
{"version":"2026.9.6.1","sha256":"abd252933364319a0bf8069f258986b419a0d90e681da0ac51805f58af4123c6","bytes":378619,"gebaut":"2026-09-06T11:46:33Z"}
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
@@ -418,7 +418,7 @@ button.tile, .tilebtn { transition: background .15s, transform .1s; }
|
||||
}
|
||||
.fig {
|
||||
font-family: "Audi Type Wide", var(--font-stack);
|
||||
font-weight: 700;
|
||||
font-weight: 300;
|
||||
letter-spacing: -.02em;
|
||||
line-height: .95;
|
||||
color: var(--fg);
|
||||
@@ -580,6 +580,14 @@ button.leaf:active { background: var(--tile-2); }
|
||||
.status:active { opacity: .55; }
|
||||
|
||||
/* -------------------------------------------------------------- Übersicht */
|
||||
/* Die Reichweite ueber dem Tankbalken ist die einzige Zahl im Panel, die
|
||||
nicht im Light-Schnitt steht. Der Eigentuemer verglich sie am 05.09.2026 mit
|
||||
der myAudi-App ("die Ziffern der Reichweite sind in der Audi App dicker")
|
||||
und entschied am 06.09.2026, es bei genau dieser einen Zahl zu belassen:
|
||||
alle uebrigen grossen Zahlen sind wieder Light (300), weil der fette Schnitt
|
||||
dort als Fremdkoerper wirkte. Deshalb eine Ausnahme am Tankbalken statt
|
||||
einer Regel an .fig. Wortgleich mit .dm-tankzeile .ads-fig in der App. */
|
||||
.tankzeile .fig { font-weight: 700; }
|
||||
.tankzeile { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
|
||||
.pct { font-size: 15px; color: var(--fg2); padding-bottom: 6px; }
|
||||
.balken { height: 4px; border-radius: var(--r-pill); background: var(--line); overflow: hidden; }
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"domain": "audi_dashboard",
|
||||
"name": "Audi Dashboard",
|
||||
"version": "2026.9.5.43",
|
||||
"version": "2026.9.6.1",
|
||||
"documentation": "https://gitea.nothaft.cloud/paul/audi-app/src/branch/main/README.md",
|
||||
"issue_tracker": "https://gitea.nothaft.cloud/paul/audi-app/issues",
|
||||
"codeowners": [
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
.ads-fig {
|
||||
font-weight: 700 /* Wide Bold, siehe audi-schrift.css */;
|
||||
font-weight: 300;
|
||||
/* -.03em, nicht -.02em: die iOS-Auflage im Panel überschreibt .fig dort
|
||||
eigens (audi-dashboard-ios.css, live gemessen -1.8px bei 60px = -.03em)
|
||||
- das Basisblatt allein (audi-dashboard.css, -.02em) reicht am echten
|
||||
|
||||
Reference in New Issue
Block a user