Type Specimen
Introduce a type family with oversized characters, foundry details, and a licence link.
<TypeSpecimen />Usage
Introduce the configured display family.
Family names, foundries, notes, and links come from brand.typography.families;
see Typography for configuration.
<TypeSpecimen />Examples
Introduce the text family
The first preview uses the display family with glyph="Aa" at weight 500. Switch to the text family and use glyph="Ag" at weight 400 to compare its letterforms. Both family entries in the sample brand use DM Sans; their labels and metadata identify their different roles.
<TypeSpecimen font="text" glyph="Ag" weight={400} />Family metadata
font selects both the CSS family token and the matching family metadata. Foundry,
note, and licence/download link appear only when configured. The component uses
the fonts already loaded by the site; it does not download fonts from the family link.
API reference
brand?BrandConfig
Override the resolved brand for this component. Supplied automatically in Brandtree MDX.
BrandConfigprops.brandui?UIStrings
Override interface strings for this component. Supplied automatically in Brandtree MDX.
UIStringsprops.uifont?"display" | "text"
Which family to show.
"display" | "text""display"glyph?string
The oversized characters.
string"Aa"weight?number
number500class?string
Additional class on the outer element.
string