Typography Manual by Mike Mai
A short list of opinions on typography. I don’t necessarily agree with all of it, but it’s all fairly sensible advice.
A short list of opinions on typography. I don’t necessarily agree with all of it, but it’s all fairly sensible advice.
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.
Like a little mini Utopia:
Handy little tool for calculating viewport-based clamped values.
For 24 days this month, Matthias featured a different independent type foundry, writing about each one and selecting some lovely examplars of their typefaces.
Two new lovely open source variable fonts from Github.
Reminder:
em
andrem
work with the user’s font size;px
completely overrides it.
A whole lotta nice fonts—most of them variable fonts—from Indian Type Foundry.
A drop-in replacement for Google Fonts without the tracking …but really, you should be self-hosting your font files.
A no-nonsense checklist of good performance advice from Karolina.
Mark Simonson goes into the details of his lovely new typeface Proxima Sera.
This version of Roboto from Font Bureau is a very variable font indeed.
A lovely font based on the Bulmer typeface.
Remember when I said you should avoid third-party dependencies?
This font is a crossover of different font types: it is semi-condensed, semi-rounded, semi-geometric, semi-din, semi-grotesque. It employs minimal stoke thickness variations and a semi-closed aperture.
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!
Seb picks his top ten typefaces inspired by calligraphy.
Marvin has some competition! Here’s another beautiful sci-fi variable font:
MD Nichrome is a display typeface based on the typography of paperback science fiction from the 70s and early 80s.
As part of my content buddying process, I am henceforth going to typeset all drafts in this font. I just tested it with this sentence:
We can leverage the synergy of a rich immersive user paradigm shift.
Professional web designer on a closed course. Do not attempt.
An experimental image font made using the University of Plymouth’s unique letterpress workshop.
Grungy!
The font is intended for display purposes only, and not is suitable for body text.