Critical Web Fonts

Direct Link

Zach Leatherman outlines a new method for loading webfonts whereby the process can be broken up into two stages:

…instead of a full Roman webfont in the first stage, it loads a small subset of the Roman webfont, in this

Avatar of Robin Rendle
Shared by Robin Rendle on

Creating a Web Type Lockup

A type lockup is a typographic design where the words and characters are styled and arranged very specifically. Like the design is literally locked in place. This idea is slightly at-odds with the responsive web that we know and love, …

Avatar of Chris Coyier
Chris Coyier on

Loading Web Fonts with the Web Font Loader

Several years ago the consensus on font loading in the community was that, as a website loads, all fonts should be hidden until the correct resources have been downloaded. Many designers and developers argued that the default font loading method …

Avatar of Robin Rendle
Robin Rendle on

The @font-face dilemma

Direct Link

Chris Manning takes us through the weird journey that is custom fonts on the web. We started with the “Flash of Unstyled Text”, which at first we didn’t like because it was abrupt and felt janky and could even cause …

Avatar of Chris Coyier
Shared by Chris Coyier on