Tag Archives: webfonts

How to use variable fonts in the real world

Richard Rutter (@clagnut): Using variable fonts in the real world turns out to be tricky. This post explains how we achieved it for the new Ampersand website and what we learned along the way. Always great to see how others … Continue reading

Elsewhere , , Leave a comment

Fontastic Web Performance

Emojineer Monica Dinculescu: Web fonts are awesome. They make your sans-serifs slabby, your headers special and your website look gorgeous. But fonts are a resource, and downloading resources always comes as a cost — if you don’t load web fonts … Continue reading

Elsewhere , , , Leave a comment

What do Variable Fonts mean for Web Developers?

Variable Fonts are still in active development […] in this article I’ll focus on what they mean for web developers, and how you can try them out today ahead of time. Next to changes to font-weight (which will allow increments … Continue reading

Elsewhere , , 1 Comment

Source Serif 2.0

Source Serif Pro is a set of OpenType fonts to complement the Source Sans Pro family. Looking good I must say! Introducing Source Serif 2.0 →Source Serif Pro (GitHub) →

Elsewhere , , Leave a comment

Minimize FOUT with Font Style Matcher

Great tool by Monica Dinculescu (@notwaldorf): If you’re using a web font, you’re bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you’ve chosen. This usually results … Continue reading

Elsewhere , , , , Leave a comment

Improved Font Loading in WebKit

Font Loading API, FOIT timeout after 3 seconds, WOFF2 support, and unicode-range support. Huzzah! Improved Font Loading →

Elsewhere , , , Leave a comment

The New Google Fonts

The new Google Fonts makes it easier than ever to browse our collection of open source designer fonts and learn more about the people who make them. Using the Material Design framework, we created a design that scales across different … Continue reading

Elsewhere , , Leave a comment

Zenfonts – A tiny and flexible JavaScript tool to help loading web fonts

// JavaScript Zenfonts(“Dolly”, {fallbackClass: “fallback-dolly”}) /* CSS */ body { font-family: “Dolly”, Georgia, serif; } .fallback-dolly body { font-family: Georgia, serif; } A tiny JavaScript helper to load and pre-load web fonts that are specified via @font-face. It uses best … Continue reading

Elsewhere , , Leave a comment

Map Glyphs – The Ultimate CSS Map Font

Map Glyphs has hundreds of scalable vector map icons of the world, continents, globes, countries and states. Map Glyphs →

Elsewhere , , , Leave a comment

Multicolor Fonts in the browser

Seemingly out of nowhere, big guys like Apple, Google, Microsoft, Mozilla and Adobe are proposing multicolor font formats, and rushing to have them implemented in browsers and OSes. This sudden interest is not so much fueled by typographers, designers or … Continue reading

Elsewhere , , , Leave a comment