All Posts
All web typography articles, newsletters and other posts published on this website.
-
Newsletter
February ’21
Libre Baskerville is the featured font, we take a look at a dictionary of typography, Twitter’s new custom typeface, uniwidth typefaces and the “EA” ligature.
-
Newsletter
January ’21
Eb Garamond is the featured font, we take a look at choosing typefaces for app and UI design, 2020 type champions and a couple of tools.
-
Newsletter
October ’20
Piazzolla is the featured font, we take a look at a Futura Now, Wix’s custom typeface Madefor, font fallbacks and Wikipedia’s new look.
-
Newsletter
August ’20
League Mono is the featured font, we take a look at getting the most out of Google variable fonts, modern CSS techniques for improving legibility and Gill Sans.
-
Newsletter
July ’20
Lora is the featured font, we take a look Cooper Black and why it’s everywhere, as well as fonts in politics (again) and UI typography.
-
Newsletter
June ’20
Scunthorpe Sans is the featured font, we take a look at using fonts for complex data, as well as micro typography, font combinations, how fonts influence us, and fonts in popular things.
-
Newsletter
May ’20
Scunthorpe Sans is the featured font, we take a look at using fonts for complex data, as well as micro typography, font combinations, how fonts influence us, and fonts in popular things.
-
Newsletter
April ’20
Source Serif is the featured font, we take a look at how variable fonts should be prepared and used on the web as well as why some companies decide to Open Source their fonts.
-
Newsletter
March ’20
Noto Sans is the featured font, we take a look at many articles about variable fonts, the main one is about their performance compared to standard fonts.
-
Articles
5 monospaced fonts with cool coding ligatures
I’d always used the Monaco font and Sublime Text for coding but I recently decided to switch to VS Code. That change also led me to explore monospaced fonts suitable for coding as I worked on customising my VS Code theme.
-
Newsletter
February ’20
Public Sans is the featured font, we take a look at 5 monospaced fonts with cool coding ligatures and how type affects politics.
-
Newsletter
January ’20
JetBrains Mono is the featured font, we take a look at when does it make sense to preload fonts, font licensing, how to test the readability of a text and a short history of body font sizes on the web.
-
Newsletter
November ’19
Hellvetica is the featured free font of this edition, we take a look at typographic illusions, accessible dropcaps as well as words and phrases that originated in the field of typography.
-
Articles
Preloading fonts: when does it make sense?
In the past, when loading custom fonts we couldn’t really avoid the flash of unstyled text (FOUT)—you know that split second when the website is loading and it uses a substitute font until it loads your custom one?
-
Newsletter
October ’19
Apple’s New York is the featured free font of this edition, we take a look at the Figma’s new support for OpenType, Google’s support for variable fonts and the story behind the creation of the Atkinson Hyperlegible typeface.
-
Articles
How to choose a font for a project
I recently received an email from a designer called Jared. He went through the typography lessons that I offer as part of the free course and he was very grateful for them. He said he learned a lot but also had one important question: how do I go about choosing a font for my project?
-
Newsletter
September ’19
Leon Sans is the featured free font of this edition, we take a look at the making of Figma’s Inter UI, variable fonts and animations, as well as some cool cat fonts.
-
Newsletter
August ’19
Omega Sans is the featured free font of this edition, we take a look at recognising font styles, dynamic type in Airbnb apps and typography in design systems.
-
Articles
A Guide to Recognising Font Styles
Telling font styles apart was one of the hardest things to do when I started working as a designer. Being self-taught, the only major difference I could see was that a font was either a serif or a sans-serif. But the more I explored, the more I realised how vast the universe of font styles actually is.
-
Newsletter
July ’19
Gangster Grotesk is the featured free font of this edition, we take a look at using vertical rhythm in Sketch, optimizing Google Fonts performance and the new font loading strategy for CSS Tricks.
-
Articles
Vertical Rhythm in Sketch
Designing with a baseline grid in Sketch speeds up the visual design process, enables designers to produce consistent mockups and establishes a consistent vertical rhythm in the designs.
-
Articles
5 Keys to Accessible Web Typography
I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.
-
Newsletter
June ’19
Silka is the featured free font of this edition, we take a look at the state of fluid web typography, Alibaba Sans and how Gotham took over the world.
-
Articles
The State of Fluid Web Typography
Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used?
-
Newsletter
May ’19
Moon 2.0 is the featured free font of this edition, we take a look at articles about line height in Figma, variable fonts and stories behind some classic typefaces.
-
Newsletter
April ’19
Cooper Hewitt is the featured free font of this edition, we take a look at articles about font metrics, interface typography and typography in design systems.
-
Newsletter
March ’19
League Spartan is the featured free font of this edition, we take a look at making Google fonts load faster and more CSS typographic experiments.
-
Newsletter
February ’19
Reno Mono is the featured free font of this edition, we take a look at Typetura—a new tool for fluid web typography and pure CSS lettering experiments.
-
Newsletter
January ’19
Marvin Visions is the featured free font of this edition, we also take a look at how AirBnb introduced a custom typeface to their UI and the difference between variable and parametric fonts.
-
Newsletter
December ’18
Optician Sans is the featured free font of this edition, we also take a look at improving the performance of web font loading subsetting numerals.
-
Newsletter
November ’18
Times Newer Roman is the featured free font of this edition, we also take a look at articles about mastering typography in Sketch.
-
Articles
Rhythm in Web Typography
Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.
-
Newsletter
October ’18
Inter UI from Figma is the featured free font of this edition, we also take a look at a demo of CSS OpenType features and typesetting in text rendering in Sketch.
-
Newsletter
September ’18
Space Grotesq is the featured free font of this edition, we also take a look at fonts people actually use, OpenSource fonts, and articles about variable fonts.
-
Articles
A Guide to Combining Fonts
Combining fonts is one of the trickiest parts of typography. Here’s a guide, combined with an example to help you get font combinations right.
Subscribe via RSS