Variable weight

Text that lightens under the cursor, along the font's weight axis.

Default
Hover over me
Display
Variable Weight
Body
Variable Weight
Meta
Variable Weight
Navigation links
Home About Contact
Layout shift
The box should not move.
This should not shift
Custom duration
0.5s
Slower animation
Inline with text
This is regular text with highlighted words that animate on hover.
Arrow link
GitHub(opens in new tab)
Copy email
Touch
On touch devices, tap and hold to trigger the weight change.
Tap meHold me

Default