テーマ： typography

• Webフォントの読み込み：font-display、preload、unicode-rangeのサブセット、メトリクスを合わせた代替フォント

  最初の描画で文字を表示し、ブランドフォントの読み込みによるレイアウトの跳ねを防ぎます。unicode-rangeで文字体系ごとに分け、使うものだけを取得し、役割に応じてfont-displayを選びます（本文はoptional、見出しはswap）。初回用ファイルをcrossorigin付きで先読みし、size-adjustとascent/descentの上書きで代替フォントを調整して、切り替え前後の改行をそろえます。

  methodology · ja · reviewed · 知識の基準日 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 · reviewed · 知識の基準日 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 · reviewed · 知識の基準日 2026-09-16

機械可読： JSON