View profile

Fonts, Fonts, Fonts

Fonts, Fonts, Fonts
By Duncan Mackenzie • Issue #3 • View online
I usually think of JavaScript as the biggest source of performance issues and then overly large images as a nice low-hanging fruit, but in between we have fonts. It is rare to see a new site that uses just system fonts, so the downloading and display of one or more web fonts is a common performance issue. On my journey through font loading and system vs. web fonts, I ended up creating a whole new staging/test site for myself and even wrote about it as the first piece in this issue.

Creating a copy of a site for testing
For many sites, using Workers could be a better option
On to the main topic: Fonts and Font Loading
The Best Font Loading Strategies and How to Execute Them
A Comprehensive Guide to Font Loading Strategies
The importance of `@font-face` source order when used with preload
Moving my Google fonts local
How I set up Glyphhanger on macOS for optimizing and converting font files for the Web
Did you enjoy this issue?
Duncan Mackenzie

In each newsletter, I'll share a set of links related to web development and software engineering. As the editor, my opinions are going to influence the topics and tone of this material, so expect to see lots of information on web performance and general topics around working in a software engineering team! Check it out and let me know what you think at

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Powered by Revue