Typography
Font Kerning v1.1.1
Utilities for removing spacing for specific pairs of letters automatically.
Class
class | css |
---|---|
font-kerning-auto | font-kerning: auto |
font-kerning-normal | font-kerning: normal |
font-kerning-none | font-kerning: none |
Usage
There are 5 types of letters that could be effectively kerning:
- Rectangular:
M
,H
,N
(have vertical elements on both sides) - Rounded:
O
- Half-rounded:
B
,D
- Half-Opened:
L
,E
,C
,K
,J
- Opened:
X
,T
,W
Set a typo element to removing space in between each letter if any spaces are left.
<!-- Example -->
<y class="font-kerning-none">
...
</y>
Variant
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | |
Dark Theme | ||
hover | ||
group-hover | ||
focus | ||
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |