Skip to content
Typography

font-size

Sets text size and supplies the base measurement used by `em`, line height, and other relative typography calculations.

5,469 effects in the catalog use this property.

Syntax

font-size: <length> | <percentage> | clamp(...);

Watch out

`rem` respects the user's browser font-size preference, while fixed pixels do not scale in the same way. Prefer relative units for body text.

Common values

clamp(1rem, 2.5vw, 1.5rem)
Fluid text that scales with the viewport while staying within limits

Effects using font-size

These are working effects from the catalog. Open a tile to inspect the full source.