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.
Link tags: font
239
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.
clamp() Calculator · Chris Burnell
Like a little mini Utopia:
Handy little tool for calculating viewport-based clamped values.
The Independent Type Foundry Advent Calendar 2022 · Matthias Ott – User Experience Designer
For 24 days this month, Matthias featured a different independent type foundry, writing about each one and selecting some lovely examplars of their typefaces.
Mona Sans & Hubot Sans
Two new lovely open source variable fonts from Github.
Why you should never use px to set font-size in CSS - Josh Collinsworth blog
Reminder:
emandremwork with the user’s font size;pxcompletely overrides it.
Fontshare: Quality Fonts. Free.
A whole lotta nice fonts—most of them variable fonts—from Indian Type Foundry.
Bunny Fonts | Explore Faster & GDPR friendly Fonts
A drop-in replacement for Google Fonts without the tracking …but really, you should be self-hosting your font files.
How To Improve Largest Contentful Paint for Faster Load Times - Calibre
A no-nonsense checklist of good performance advice from Karolina.
What serif typeface would go well with Proxima Nova?
Mark Simonson goes into the details of his lovely new typeface Proxima Sera.
Roboto … But Make It Flex - Material Design
This version of Roboto from Font Bureau is a very variable font indeed.
February’s Font of the Month: Warbler Text | David Jonathan Ross
A lovely font based on the Bulmer typeface.
Using Google Fonts Breaches GDPR – Interdependent Thoughts
Remember when I said you should avoid third-party dependencies?
Manrope – free sans-serif variable font
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.
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!
Seb Lester’s Favorite Fonts
Seb picks his top ten typefaces inspired by calligraphy.
MD Nichrome by Mass-Driver
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.
Sans Bullshit Sans — Leveraging the synergy of ligatures
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.
CSS Font Lorem Ipsum
Professional web designer on a closed course. Do not attempt.
PlymouthPress – A Letterpress Image Font
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.