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
|
die Testinstanz auf **2026.9.5.23**. Ein "Update installieren" dort muss
|
||||||
"nur Oberflaechendateien, kein Neustart noetig" melden. Die Probeaenderung
|
"nur Oberflaechendateien, kein Neustart noetig" melden. Die Probeaenderung
|
||||||
gehoert danach wieder heraus.
|
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,
|
* base64 eingebettet lagen. Als eigene woff2-Dateien sind sie zwischenspeicherbar,
|
||||||
* statt bei jedem Laden des Stylesheets erneut übertragen zu werden.
|
* 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
|
* alles andere verdickt oder verschmälert der Browser künstlich, was sichtbar
|
||||||
* anders aussieht.
|
* anders aussieht.
|
||||||
*/
|
*/
|
||||||
@@ -33,28 +33,19 @@
|
|||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Audi Type Wide gab es hier bis zum 05.09.2026 nur als Light (300) -
|
/* Wide Bold (700). Audi Type Wide gab es hier bis zum 05.09.2026 nur als Light
|
||||||
deshalb standen die grossen Zahlen im Light-Schnitt, und der Eigentuemer
|
(300); der Eigentuemer verglich die grossen Zahlen mit der myAudi-App ("die
|
||||||
verglich sie mit der myAudi-App: "die Ziffern der Reichweite sind in der
|
Ziffern der Reichweite sind in der Audi App dicker") und lieferte den vollen
|
||||||
Audi App dicker". Er hat daraufhin den vollen Satz aus Audis eigenem
|
Satz aus Audis eigenem Styleguide (styleguide.audi.com, AudiType 4.03).
|
||||||
Styleguide geliefert (styleguide.audi.com, AudiType 4.03). Wide Normal und Wide Bold sind
|
|
||||||
seither eingebunden.
|
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.
|
Lizenz: gilt wie alle Audi-Assets nur fuer diese eine private Installation.
|
||||||
Deshalb liegt die Datei in companion-app bzw. im Panel, NIE in
|
Deshalb liegt die Datei in companion-app bzw. im Panel, NIE in
|
||||||
design-system. */
|
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-face {
|
||||||
font-family: "Audi Type Wide";
|
font-family: "Audi Type Wide";
|
||||||
src: url("../assets/audi/schriften/audi-type-wide-700.woff2") format("woff2");
|
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-
|
/* Große Zahlen (Kilometerstand, Reichweite, Beträge) in der breiten Schnitt-
|
||||||
variante, wie im Panel. */
|
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.
|
|
||||||
|
|
||||||
Diese Regel steht NACH dem Design-System und gewinnt gegen dessen .ads-fig —
|
Diese Regel steht NACH dem Design-System und gewinnt gegen dessen .ads-fig —
|
||||||
eine Änderung dort allein bleibt hier wirkungslos. Genau das ist am
|
eine Änderung dort allein bleibt hier wirkungslos. Genau das ist am
|
||||||
@@ -94,6 +82,16 @@
|
|||||||
.ads-fig,
|
.ads-fig,
|
||||||
.dm-detail__zahl {
|
.dm-detail__zahl {
|
||||||
font-family: var(--font-wide);
|
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;
|
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 {
|
.fig {
|
||||||
font-family: "Audi Type Wide", var(--font-stack);
|
font-family: "Audi Type Wide", var(--font-stack);
|
||||||
font-weight: 700;
|
font-weight: 300;
|
||||||
letter-spacing: -.02em;
|
letter-spacing: -.02em;
|
||||||
line-height: .95;
|
line-height: .95;
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
@@ -580,6 +580,14 @@ button.leaf:active { background: var(--tile-2); }
|
|||||||
.status:active { opacity: .55; }
|
.status:active { opacity: .55; }
|
||||||
|
|
||||||
/* -------------------------------------------------------------- Übersicht */
|
/* -------------------------------------------------------------- Ü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; }
|
.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; }
|
.pct { font-size: 15px; color: var(--fg2); padding-bottom: 6px; }
|
||||||
.balken { height: 4px; border-radius: var(--r-pill); background: var(--line); overflow: hidden; }
|
.balken { height: 4px; border-radius: var(--r-pill); background: var(--line); overflow: hidden; }
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"domain": "audi_dashboard",
|
"domain": "audi_dashboard",
|
||||||
"name": "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",
|
"documentation": "https://gitea.nothaft.cloud/paul/audi-app/src/branch/main/README.md",
|
||||||
"issue_tracker": "https://gitea.nothaft.cloud/paul/audi-app/issues",
|
"issue_tracker": "https://gitea.nothaft.cloud/paul/audi-app/issues",
|
||||||
"codeowners": [
|
"codeowners": [
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
.ads-fig {
|
.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
|
/* -.03em, nicht -.02em: die iOS-Auflage im Panel überschreibt .fig dort
|
||||||
eigens (audi-dashboard-ios.css, live gemessen -1.8px bei 60px = -.03em)
|
eigens (audi-dashboard-ios.css, live gemessen -1.8px bei 60px = -.03em)
|
||||||
- das Basisblatt allein (audi-dashboard.css, -.02em) reicht am echten
|
- das Basisblatt allein (audi-dashboard.css, -.02em) reicht am echten
|
||||||
|
|||||||
Reference in New Issue
Block a user