Letter Spacing and Case

A popular look for small labels: tiny capital letters with a little extra space between them. Tiny capitals are easier to read when they aren't crowded:

Playful   Playful   Playful

You know uppercase from the previous lesson. These are all the classes for text-transform:

The space between letters (letter-spacing) is set by the tracking- classes; tracking is the printers' word for it:

The unit em is like rem, but it is relative to the font size of the element itself: 1em is the element's own font size. So the space grows with the text: in 12-pixel text, tracking-wide adds 0.3 pixels after each letter, in 48-pixel text 1.2 pixels. Negative values move the letters closer together; big headings often look better with tracking-tight.