GitHub

TypeCascade

When you are choosing type on a live site, the hard part is not picking a pretty face — it is seeing which CSS rule actually won, what it overruled, and loading a provider font onto that one element without editing the page by hand.

TypeCascade side panel showing a selected heading, class chips, and a font-size cascade with overruled values struck through

Demo controls

These knobs exist only for this explainer. They drive the facsimile below.

Design systems

Cascade beats preference

Body copy inherits from body. The heading below has a more specific class that should win — until you inject a provider font onto the selection.

Inherited size, local family

Click Pick in the real extension to inspect stacks like the panel on the right.