I hope you read that title out loud in your best Seinfeld impression.
A recent question in our forums made me aware that there are more properties that can be added to @font-face than the usual font-family and src suspects. …
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
Typekit has updated the WebFont Loader project with support for the new CSS font loading API:
…Before the introduction of the native API, we detected font loading by inserting test elements in the page. These elements were regularly polled
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 …
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, …
Nick Sherman gave a fascinating talk at Ampersand earlier this month which was based on an article he wrote called Variable Fonts for Responsive Design. In both the talk and the essay he suggests that we need a new …
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 …
Joe Richardson shared this little trick over on CodePen:
body {
/* operating system font */
font: caption;
}…
- If you’re on Ubuntu this will be the Ubuntu Font.
- If you’re on Yosemite this will be Helvetica.
- If you’re
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 …
A post by Craig Hockenberry that details how to use the San Francisco system font for your website if you’re running El Capitan.
I especially like Craig’s suggestion for a new syntax when using any operating system’s font, so for …
I’m not sure what the exact use case was, but Sam Stephenson recently asked me:
@chriscoyier What's the best way to reference the OS X system font in CSS (to get Lucida Grande or Helvetica, as appropriate)?
— Sam Stephenson
…
