You can control the typeface of text using the font family utilities.
Font-sans
Type weights
Font-mono
Type weights
Use these transforms to set the font weight:
Example
Variant
Transform
Satoshi Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
Variant:
Light
Transform:
isLight
<H4 isLight>Aa</H4>
Satoshi Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
Variant:
default
Transform:
None (default)
<H4>Aa</H4>
Satoshi Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
Variant:
Medium
Transform:
isMedium
<H4 isMedium>Aa</H4>
Satoshi Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
Variant:
Bold
Transform:
isBold
<H4 isBold>Aa</H4>
Satoshi Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
Variant:
ExtraBold
Transform:
isExtraBold
<H4 isExtraBold>Aa</H4>
Satoshi Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
Variant:
Heavy
Transform:
isHeavy
<H4 isHeavy>Aa</H4>