An Unhealthy Obsession with Web Fonts & Type
A list of 61 posts and projects dealing with web fonts, web font loading, or typography.
-
2021
×2
- Uniclode: yet another demo of Eleventy Serverless
- Unicode Range Interchange
-
2020
×1
- Speaker Spotlight: a chat with Vitaly Friedman
-
2019
×8
-
HTTP Archive’s Web Almanac 2019—Web Fonts Edition
- Developing a Robust Font Loading Strategy for CSS-Tricks
- Smashing TV: The Five Whys of Web Font Loading Performance
-
Spicy fonts and static sites 🌶️—JS Party #79
- font-display is Incompatible with Icon Fonts
-
Web Engineering Düsseldorf
- The Scoville Scale of Web Font Loading Opinions
- Google Fonts is Adding font-display 🎉
-
2018
×11
-
Working Draft Podcast: On Tour @ #perfnow 5/6
-
Should I Use JavaScript to Load My Web Fonts?
- The Five Whys of Web Font Loading Performance
- A Group of Web Font Repaints is called a Michael Serif
- The Problem with font-display and Reflow
- The Font Loading Checklist
- Obnoxiously Readable Responsive Text with Viewport Units
- preload with font-display: optional is an Anti-pattern
- “The Compromise”—a Modern but Compatible Font Loading Strategy
- It’s Dangerous to Go Stallone. Take Glyphhanger
-
Web Fonts are ▢▢▢ Rocket Science
-
2017
×11
- 23 Minutes of Work for Better Font Loading
- Managing Font Loading CSS Was Painful—Not Anymore
- A Collection of Web Font Loading Recipes
- FOIT vs. FOUT, a Side by Side Comparison
- A Historical Look at FOUT and FOIT
- Web Standards Podcast #85
- The Web Font Loading Glossary
- Font Aliasing, or How to Rename a Font in CSS
- Laissez-faire Font Smoothing and Anti-aliasing
-
CSS-Tricks Video Screencasts #152: Font Loading
-
Shop Talk Show #247: The Performance Equation
-
2016
×8
- No @font-face Syntax will ever be Bulletproof, Nor Should It Be.
- faux-pas, Detecting Faux Web Font Rendering
- Lazy Loading Web Fonts Is Probably Not What You Want
- A Comprehensive Guide to Font Loading Strategies
- Web Fonts for President 2016
- The Web Fonts: Preloaded
- Web Font Anti-pattern: Data URIs
- Critical Web Fonts
-
2015
×9
- Using Custom Fonts Responsibly, an Akamai Animated Short
- A Brief History of that Time You Used Web Fonts—SmashingConf Barcelona
- The Performance and Usability of Web Fonts—Velocity New York City
- Smashing Book #5
- The Mitt Romney Web Font Problem
- The Performance and Usability of Font Loading—Velocity Santa Clara
- Better @font-face with Font Load Events—SmashingConf Whistler
- Flash of Faux Text—still more on Font Loading
-
How we use web fonts responsibly, or, avoiding a @font-face-palm
-
2014
×6
- The Making of fontfamily.io
-
WOFF2 See the Wizard, a Wonderful JavaScript Feature Test
- A Font Family Reunion
-
Better @font-face with Font Load Events on Dev.Opera
- Bulletproof Icon Fonts—CSSConf
-
Bulletproof Accessible Icon Fonts
-
2011
×2
- FitText + BigText: A Tale of Two Plugins
- BigText Makes Text Big
-
2010
×3
- Point, Charset, Match: Character Encoding in JavaScript
- CSS 3 Text: A Tale of writing-mode Woe
- DIY Webdings—CSS Sprites using @font-face