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

Caring about OpenType features

Direct Link

Type aficionado Tim Brown has written a great piece about how to make typographic enhancements with the OpenType features of a web font. These additions can be subtle, such as ligatures and small caps, but other tools such as kerning …

Avatar of Robin Rendle
Shared by Robin Rendle on (Updated 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 (Updated 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 (Updated 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 (Updated on )

OS Specific Fonts in CSS

I’m not sure what the exact use case was, but Sam Stephenson recently asked me:

Avatar of Chris Coyier
Chris Coyier on (Updated on )