Config 2024: In defense of an old pixel (Marcin Wichary, Director of Design, Figma) - YouTube
Everyone’s raving about this great talk by Marcin, and rightly so!
Link tags: fonts
204
Some of the best free fonts | Clearleft
If you start with a high-quality, legible, free typeface and experiment with size, weight, colour, line height, and (subtle) letter spacing, you might find these free options will get you further than you’d think. These are professional fonts crafted and maintained by experts and they can help your content land the way it deserves to.
Marbla
A fun variable font with three axes: inktrap, balloon, and curve.
Monaspace
Five lovely monospaced variable fonts.
Wilco Loft Sans – SimpleBits®
How cool is this‽ Dan made a font for Wilco!
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.
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.
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.
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.