CSS Feature Support Checker

Text & Typography

Font technologies that keep brand systems consistent on embedded browsers

• ⏳ Variable Fonts

  Fine-grained axis control via font-variation-settings.

  font-variation-settings: "wght" 500MDN
• ⏳ initial-letter

  Create drop caps without complex positioning.

  initial-letter: 3MDN
• ⏳ font-palette

  Select predefined color palettes from color fonts.

  font-palette: normalMDN
• ⏳ text-box-trim

  Trim font ascent/descent to tighten vertical rhythm.

  text-box-trim: trim-bothMDN
• ⏳ text-box-edge

  Control which font metrics are used for text box edges.

  text-box-edge: cap alphabeticMDN
• ⏳ text-wrap: balance

  Automatically balance text across lines for better readability.

  text-wrap: balanceMDN
• ⏳ text-wrap: pretty

  Avoid orphans and improve text appearance in paragraphs.

  text-wrap: prettyMDN
• ⏳ text-wrap: stable

  Minimize reflow during editing by stabilizing line breaks.

  text-wrap: stableMDN
• ⏳ white-space-collapse

  Control how white space is collapsed in text.

  white-space-collapse: preserveMDN
• ⏳ text-wrap-mode

  Control whether text wraps at soft wrap opportunities.

  text-wrap-mode: wrapMDN