Schrift eine Stufe kleiner: -2px an der fluiden Wurzel (v=168)

User: "verkleinere alle Schriftarten um 1em".

Woertlich waere 1em = 100 % der Schriftgroesse, also null. Gemeint ist eine
Stufe -- genommen wurden -2px, exakt der Schritt, in dem die Groesse am 24.07.
zweimal HOCHgesetzt wurde. Das Handy landet damit auf dem Zwischenstand von
damals (~16px statt ~18px).

  html { font-size: clamp(15px, 14px + 0.5vw, 22px); }   (war 17/16/24)

  Fenster    v=167     v=168
   390px    17,95px   15,95px
   768px    19,84px   17,84px
  1440px    23,20px   21,20px
  ab 1600   24,00px   22,00px

Das war eine EINZIGE Zeile. Die 96 rem-Werte bleiben unberuehrt, alle
Groessenverhaeltnisse untereinander auch -- genau dafuer wurde heute frueh
umgestellt. Der Bump am 24.07. musste noch 96 Einzelwerte anfassen und
uebersah dabei drei Shorthands.

Ausgeliefert verifiziert: Wurzel = clamp(15px, 14px + 0.5vw, 22px),
93 rem-Werte, 0 px-Schriftgroessen, HTML zieht v=168, Klammern ausgeglichen.

Zurueck auf die 18er-Basis: clamp(17px, 16px + 0.5vw, 24px) -- eine Stufe
entspricht 2px in Minimum und Steigungs-Basis, der Deckel wandert mit.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Axel Hocks
2026-08-13 11:20:18 +02:00
co-authored by Claude Opus 5
parent 01916134be
commit 95521d041c
3 changed files with 45 additions and 24 deletions
+15 -7
View File
@@ -21,16 +21,24 @@ html,/* ════════════════════════
ELTERNelement und skaliert NICHT mit dem Fenster — verschachtelt
multipliziert es sich sogar (h2 mit 1,2em in einer Karte mit 1,1em
landet bei 1,32x). `rem` haengt dagegen an genau EINER Stellschraube.
Der Anker ist bewusst so gewaehlt, dass ein Handy (~390px) weiterhin
~18px bekommt — exakt der Stand, den der User am 24.07. zweimal von
Hand hochgesetzt hat. Es wird also nichts kleiner, nur groesser:
390px -> 17,95px · 800px -> 20px · 1440px -> 23,2px · ab 1600px -> 24px
EINE STUFE KLEINER (2026-08-13 nachmittags, User: "verkleinere alle
Schriftarten um 1em"). Woertlich waere 1em = 100 % = null, gemeint ist
also eine Stufe: -2px, exakt der Schritt, in dem die Groesse am 24.07.
zweimal HOCHgesetzt wurde. Am Handy damit ~16px statt ~18px.
390px -> 15,95px · 800px -> 18px · 1440px -> 21,2px · ab 1600px -> 22px
(davor: clamp(17px, 16px + 0.5vw, 24px) = 17,95 / 20 / 23,2 / 24)
➜ GROESSE GLOBAL AENDERN = NUR DIESE EINE ZEILE. Die 96 rem-Werte bleiben
unberuehrt, alle Groessenverhaeltnisse untereinander auch. Eine Stufe
entspricht 2px in den beiden Zahlen (Minimum und Steigungs-Basis), der
Deckel wandert mit.
⚠ ABSTAENDE bleiben in px. Sie mitzuskalieren waere ein weit groesserer
Eingriff (Grid, Karten, Trade-Leiste) und kann Layouts kippen — die
Anfrage betraf die Schrift.
Zurueck: `web/style.css.bak-2026-08-13`.
Anfrage betraf die Schrift. Folge: die Schrift sitzt jetzt etwas
lockerer in den unveraenderten Polstern.
Zurueck auf 18px-Basis: clamp(17px, 16px + 0.5vw, 24px).
Zurueck auf die alte px-Fassung ganz: `web/style.css.bak-2026-08-13`.
══════════════════════════════════════════════════════════════════════ */
html { font-size: clamp(17px, 16px + 0.5vw, 24px); }
html { font-size: clamp(15px, 14px + 0.5vw, 22px); }
body{margin:0;padding:0}
body{