Web Typography News #43: Typesetting Moby-Dick, part 2
Great typography on the web should be designed in layers. The web is an imperfect medium, consumed by countless different devices over untold numbers of network connections—each with their own capabilities, limitations, and peculiarities. To think that you can create one solution that will look and work the same everywhere is a fantasy. To make this more than just one nice book website, the whole project and process needs to embrace this reality.
Related links
Modern Font Stacks
This is handy—a collection of font stacks using system fonts. You can see which ones are currently installed on your machine too.
The most performant web font is no web font.
My Custom CSS Reset
This CSS reset is pleasantly minimalist and a lot of thought has gone into each step. The bit about calculating line height is very intriguing!
Google font to SVG path
Cassie pointed me to this very nifty tool (that she plans to use in your SVG animation workshop): choose font from Google Fonts, type some text, and get the glyphs immediately translated into an SVG!
Point, don’t point — I love Typography
A brief history of the manicule, illustrated with some extreme examples.
Related posts
More writing on web.dev
Another five articles on modern responsive web design.
Sass and clamp
Worst buddy movie ever.
Flexibility
Web design is a two-way street. And that’s okay.
Performative performance
When it comes to sustainable web design, the hard work is invisible.
Declarative design
Defining the inputs instead of trying to control the outputs.