My articles have appeared in PAGE Magazine, 8 Faces magazine, the Dev.Opera blog, and the Typekit blog. I’m also the author of the Web Fonts Performance chapter in Smashing Book 5.
Web Font Loading Patterns
April 13, 2016
Web font loading may seem complicated, but it is actually quite simple if you follow some simple font loading patterns. By combining patterns you can create custom font loading behaviours that work in all browsers. Continue reading…
Web Font Anti-Patterns
October 13, 2015
There is a lot of confusion about web fonts. Are they really bad for performance? Maybe you should not use web fonts at all? This ongoing series of articles takes a look at some of the most common anti-patterns for creating, using, and loading web fonts. Web fonts can be great when used correctly and with moderation. Continue reading…
Preload Hints For Web Fonts
August 7, 2015
Web fonts are a popular topic in the web performance community. However, one fundamental problem is often overlooked: web fonts are lazy loaded. Can web font preload hints help us? Continue reading…
Detecting System Fonts Without Flash
July 30, 2015
Many web-based text editors allow the user to select custom fonts through a drop down menu. These font menus often include system fonts. Unfortunately, there is no web platform API for retrieving a list of locally installed fonts.
Smashing Book 5: Web Fonts Performance
July 28, 2015
Smashing Magazine asked me to write a chapter about web fonts performance for Smashing Book 5. I think web fonts are great, but they suffer from one big problem: by default they block rendering in almost all browsers. You may have experienced this yourself on a site using web fonts while using a slow cellular network. Staring at a blank page is no fun, especially when the content has already loaded.
Blocking rendering while downloading fonts is wrong and against the very idea of progressive enhancement. After all, the content is what people come for. Web fonts are an enhancement of that content. Important, but not critical. This chapter will show you how to optimise web fonts and how to load them without inconveniencing your visitors. Continue reading…
Dev.Opera: State of Web Type
March 3, 2015
Typography has a long and rich history, but much has been lost in the transition to the web. Even though browser support for typography has improved a lot in the last few years, there are still many features that are unsupported.
Opera asked me to write an overview of the state of web type for their Dev.Opera blog. The article covers browser support for OpenType features, font loading, and hyphenation and justification (or the lack thereof). Continue reading…
PAGE Magazine: Web Fonts
October 1, 2014
What exactly is a web font? Are web fonts different from desktop fonts? What do you need pay attention to when purchasing fonts? My article in the October 2014 issue of PAGE Magazine answers these questions and more.
The issue also features other articles on web fonts and web typography and can be ordered at the PAGE Magazine web shop. The issue is only available in German.
8 Faces Magazine: Hyphenation & Justification
October 6, 2013
Justification has always been a source of contention on the web. Should you justify text, or shouldn’t you? To find out why there is such a disagreement, I take a closer look at what justification is, how it is implemented, and why browsers make the choice even more difficult.
This article appeared in issue #7 of 8 Faces magazine. Unfortunately the issue (and magazine) is out of print, but it will be available in book form later this year.
May 7, 2012
A continuation of the pattern matching article. This article introduces a simplified pattern syntax, an optimization and explains how to use pattern matching together with algebraic data types. Continue reading…
February 13, 2012