주제: typography

• Web font loading: font-display, preload, unicode-range subsetting and metric-matched fallbacks

  Show text on first paint and load the brand font without layout jumps: subset faces with unicode-range so only used scripts download, choose font-display per role (optional for body text, swap for headings), preload the first-paint files with crossorigin, and declare a fallback face with size-adjust and ascent/descent overrides so lines wrap the same before and after the swap.

  methodology · en · unreviewed · 지식 기준일 2026-09-16

• Lesbarer Fliesstext: Zeilenlänge, Zeilenabstand und Kontrast

  Drei Eigenschaften entscheiden, ob langer Text bequem lesbar ist: die Zeilenlänge (das AAA-Kriterium der WCAG deckelt sie bei 80 Zeichen), der Zeilenabstand (mindestens das 1,5-Fache der Schriftgrösse muss möglich sein, ohne dass das Layout bricht) und der Kontrast (4,5:1 für normalen Text, 3:1 für grossen). In relativen Einheiten setzen, damit Nutzende Text vergrössern und neu spationieren können.

  article · de · unreviewed · 지식 기준일 2026-09-17

• Readable body text: measure, line height and contrast

  Three properties decide whether long text can be read comfortably: line length (WCAG's AAA criterion caps it at 80 characters), line spacing (at least 1.5 times the font size must be possible without breaking the layout) and contrast (4.5:1 for normal text, 3:1 for large text). Set them in relative units so users can resize and re-space the text.

  article · en · unreviewed · 지식 기준일 2026-09-16

기계 판독 가능: JSON