How to create a typographic hierarchy – Pangram Pangram Foundry
- Start with the text
- Use size intentionally
- Contrast weights and styles
- Play with spacing
- Use colour, but don’t rely on it
- Limit your font choices (but choose well and wisely)
- Repeat, repeat, repeat
- Test your system
Related links
Responsive Letter Spacing – Cloud Four
Another clever use of clamp() and calc() for web typography, but this time it’s adjusting letter-spacing.
Better typography with text-wrap pretty | WebKit
Everything you ever wanted to know about text-wrap: pretty in CSS.
Citywide – Jason Santa Maria
A fun new font from Jason:
Citywide is a sans serif family inspired by mid-1900s bus and train destination roll signs.
Justified Text: Better Than Expected? – Cloud Four
Some interesting experiments in web typography here.
Related posts
An nth-letter selector in CSS
The latest installment in the long tradition of calling for this pseudo-element.
Variable fonts
The future of typography is here.
Billboards and Novels by Jon Tan
Liveblogging Jon’s talk at An Event Apart in Atlanta.
Tweaking navigation sizing
Sometimes a consistent interface doesn’t reflect the reality of usage.