TESTFONTHIERARCHY H1
TESTFONTHIERARCHY H1

TESTFONTHIERARCHY H2
TESTFONTHIERARCHY H2

TESTFONTHIERARCHY H3
TESTFONTHIERARCHY H3

TESTFONTHIERARCHY H4
TESTFONTHIERARCHY H4

TESTFONTHIERARCHY H5
TESTFONTHIERARCHY H5
TESTFONTHIERARCHY H6
TESTFONTHIERARCHY H6

TESTFONTHIERARCHY P
TESTFONTHIERARCHY P

TESTFONTHIERARCHY P SMALL
TESTFONTHIERARCHY P SMALL

  • Coffee
  • Tea
  • Milk
  1. Coffee
  2. Tea
  3. Milk

special character test block – are fallback fonts needed.

  1. EN: ‘ ’ “ ” – — © ® ™

  2. NL: é, è, ë, ï, ó, ô, ü, ÿ, ij

  3. IT: à, è, é, ì, ò, ù

  4. ES: á, é, í, ó, ú, ü, ñ, ¿, ¡

  5. RO: ă, â, î, ș, ț

  6. CS: á, č, ď, é, ě, í, ň, ó, ř, š, ť, ú, ů, ý, ž

  7. PL: ą, ć, ę, ł, ń, ó, ś, ź, ż

  8. HU: á, é, í, ó, ö, ő, ú, ü, ű

  9. DA: æ, ø, å

  10. SV: å, ä, ö

  11. HR: č, ć, đ, š, ž

  12. EL: α, β, γ, δ, ε, ζ, η, θ, ι, κ, λ, μ, ν, ξ, ο, π, ρ, σ, τ, υ, φ, χ, ψ, ω, Α–Ω

  13. RU: А–Я, а–я, Ё, ё

  14. EPT/BPT: á, à, â, ã, é, ê, í, ó, ô, õ, ú, ü, ç

_________________________

Desktop/Mobile fix pixel values

0px 0px
64px 32px
128px (DEFAULT) 64px (DEFAULT)
192px 96px
256px 128px

Translate to:
clamp(MIN-MOBILE, FLEXIBLER-BEREICH, MAX-DESKTOP)

_________________________

 –space-xs: 0rem; /* 0px */
–space-s: clamp(2rem, 4vw, 4rem); /* 32px → 64px */
–space-m: clamp(4rem, 8vw, 8rem); /* 64px → 128px (DEFAULT) */
–space-l: clamp(6rem, 12vw, 12rem); /* 96px → 192px */
–space-xl: clamp(8rem, 16vw, 16rem); /* 128px → 256px */