This Weird 1973 Typeface Just Came Back From the Dead web )Sep 22, 2026 238 Keeping Type Consistent in Changing Conditions ell )Aug 12, 2026 237 typography , variable-fonts Reminder That “system-ui” Is Well Supported, When You Use It on macOS You Get San Francisco Which Is a Variable Font, Which Is Fun, and the Fallbacks Are Pretty Good chr /fro )Aug 11, 2026 236 css , macos Lessons Learned Making My Peritel Typeface chr )Aug 9, 2026 235 lessons WOFF 1.0: A Milestone on W3C’s Journey of Fonts on the Web svg /w3c )Jul 28, 2026 234 woff , standards , web , w3c Decoy Font Jul 15, 2026 233 ttf , ai FIFA’s World Cup Typography Foul: UI Design Learnings pim )Jun 18, 2026 232 typography , legibility Why AI Won’t Replace Human Type Designers May 23, 2026 231 ai , typography , design , career Font Licensing Is About to Change May 20, 2026 230 licensing , ai “font-family” Doesn’t Fall Back the Way You Think css )Apr 10, 2026 229 css , flash-of-x Testing Font Scaling for Accessibility With Figma Variables sma )Mar 24, 2026 228 accessibility , scaling , figma , variables A Broken Heart api )Jan 31, 2026 227 performance , emoji How to Use Font Ligatures Jan 23, 2026 226 how-tos , typography , tooling , adobe , figma , microsoft , css Fonts htt )Jan 15, 2026 225 web-almanac , studies , research , metrics , performance , css Accessibility Is a Human Right, Cruelty a Human Wrong zel )Dec 13, 2025 224 accessibility Using CSS to Fix the Irradiation Illusion arg )Nov 29, 2025 223 css , readability Monotype Font Licencing Shake-Down ame )Nov 14, 2025 222 licensing Dear Designers: Stop Using System Fonts Like It’s 2005 web )Sep 26, 2025 221 design , variable-fonts Targeting Specific Characters With CSS Rules ede )Sep 23, 2025 220 css , unicode Design Can’t Rely on Logic: Troy Leinster on Type Design and Human Perception int )Sep 9, 2025 219 podcasts , interviews , design , typography Should You Preload Fonts for Performance? erw )Aug 28, 2025 218 performance , preloading You’re Loading Fonts Wrong (and It’s Crippling Your Performance) jon )Aug 21, 2025 217 performance , css , image-replacement , flash-of-x , history The Good, the Bad, and the Unreadable mal )Aug 19, 2025 216 readability , legibility , accessibility , wcag It’s More Than Picking a Pretty Font Jun 26, 2025 215 accessibility , legibility , readability , typography , wcag Why Fonts Look Better on macOS Than on Windows May 24, 2025 214 typography , readability , macos , windows , comparisons Thin Fonts Are a Usability Nightmare—and Finally, Designers Are Waking Up web )Apr 9, 2025 213 typography , usability , accessibility , design Revisiting Fluid Type ric +/odd )Mar 20, 2025 212 videos , interviews , typography , responsive-design The Hardest Working Font in Manhattan mwi )Feb 14, 2025 211 typography , history How to Improve Webpage Speed: Tips and Best Practices Feb 12, 2025 210 how-tos , performance , optimization , tips-and-tricks , best-practices , redirecting , images , testing , tooling , webpagetest One Year of Using the Web With Web Fonts Disabled Feb 10, 2025 209 accessibility , readability Beware the Faux Bold (and How to Fix It) ric )Feb 7, 2025 208 typography , css Preload Fonts on Your Website for Better Core Web Vitals deb )Feb 7, 2025 207 performance , preloading , hints , web-vitals Fast and Smooth Third-Party Web Fonts sco )Feb 3, 2025 206 embed-code , performance , css , javascript Fabulous Font-Face Fallbacks sto /per )Dec 31, 2024 205 performance , css , typography Preloading Fonts for Web Performance With “link rel=preload” acc /mat )Dec 25, 2024 204 performance , preloading , html , hints Fonts bra /htt )Nov 11, 2024 203 web-almanac , studies , research , metrics What Makes a Font Accessible? A Designer’s Guide a11 )Oct 14, 2024 202 guides , design , typography , accessibility Features of Your Font You Had No Idea About ole )Sep 10, 2024 201 variable-fonts , css Quick Guide to Web Typography for Developers ole )Sep 3, 2024 200 guides , typography , examples The Ultimate Guide to Font Performance Optimization deb )Aug 28, 2024 199 guides , performance , optimization The Monospace Web Aug 21, 2024 198 design WOFF File Format 2.0 w3c )Aug 8, 2024 197 woff , standards State of Text Rendering 2024 Jul 8, 2024 196 rendering Beyond Monospace: The Search for the Perfect Coding Font rom +/evi )Jun 25, 2024 195 developer-experience Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font uti /iod )Jan 30, 2024 194 css , units Animating Font Palette man )Jan 25, 2024 193 css , colors , effects Installing Google Fonts as npm Packages ami )Dec 30, 2023 192 installing , tooling , dependencies , google The Most Accessible Font Dec 7, 2023 191 accessibility , typography , legibility How to Use a Color Font man )Dec 1, 2023 190 how-tos , css The 3 Secrets to Font Pairing Oct 1, 2023 189 typography , design Optimizing Web Fonts Sep 26, 2023 188 css , performance , optimization WOFF Has Left the Building mat )Sep 7, 2023 187 woff , typography , css , support The New Google Fonts: Find What You’re Looking For tob )Sep 7, 2023 186 google Thinking on Ways to Solve Adaptive Typography arg )Aug 16, 2023 185 videos , typography , css Using Emoji on the Web oll )Jul 16, 2023 184 emoji , support , unicode The New “@font-face” Syntax oll )Jul 7, 2023 183 css What’s Your Type? Try These Tests to Pick the Perfect Font for You was )Jun 26, 2023 182 design , typography Typography for Everyone tob /btc )Apr 27, 2023 181 videos , typography How to Use Google Fonts and “font-display” Mar 29, 2023 180 how-tos , google , css Modern Font Stacks Mar 14, 2023 179 websites , typography 16 Little UI Design Tips That Make a Big Impact Mar 14, 2023 178 design , tips-and-tricks , spacing , consistency , colors , contrast , typography Handling CSS Color Fonts With “font-palette” sta )Mar 10, 2023 177 css , colors Managing Fonts in WordPress Block Themes css )Mar 6, 2023 176 wordpress , theming How to Password-Protect a Static HTML Page With No JS ede )Feb 20, 2023 175 how-tos , security , css Improved Font Fallbacks Feb 10, 2023 174 typography , graceful-degradation How to Pick a Font (That Doesn’t Suck) Feb 5, 2023 173 how-tos , guides , typography Quick Thoughts on Typeface and Font Accessibility Jan 3, 2023 172 accessibility , typography The Final Google Fonts Knowledge Drop of 2022 ell )Dec 1, 2022 171 google , typography From Type to Logotype Dec 1, 2022 170 typography , design , branding , logos Advanced Web Font Optimization Techniques Nov 28, 2022 169 typography , optimization Hands-On Guide to Color Fonts and “@font-palette-values” zor /css )Oct 17, 2022 168 videos , guides , css This Site’s Type Is Now Variable ell )Sep 28, 2022 167 typography , variable-fonts , css Fonts htt )Sep 26, 2022 166 web-almanac , studies , research , metrics First Batch of Color Fonts Arrives on Google Fonts Sep 13, 2022 165 google , typography , colors Which Fonts to Use for Your Charts and Tables lis /dat )Sep 12, 2022 164 information-design , tables Front-End Internationalisation Tips stu )Jul 21, 2022 163 internationalization , css , javascript The Joy of Variable Fonts: Getting Started on the Frontend rom +/evi )Jul 6, 2022 162 variable-fonts , css , introductions Do Dyslexia Fonts Improve Accessibility? Jun 15, 2022 161 accessibility , dyslexia Measuring the Performance of Typefaces for Users II sma )Jun 10, 2022 160 typography , performance Measuring the Performance of Typefaces for Users sma )Jun 3, 2022 159 typography , performance Customizing Color Fonts on the Web djr /web )May 25, 2022 158 colors , customization Best Font for Online Reading: No Single Answer nng )Apr 24, 2022 157 studies , research , typography , readability Fonts for the Web: Rationale, 1996 svg /w3c )Apr 14, 2022 156 history Childish Font Sizes tyl /clo )Apr 11, 2022 155 readability , design Fonts in Use: Variable Fonts Apr 5, 2022 154 typography , variable-fonts Variable Fonts in Real Life: How to Use and Love Them rom +/evi )Mar 24, 2022 153 variable-fonts , typography Identifying Fonts: The Complete Guide Mar 18, 2022 152 guides , typography Don’t Believe the Type! gar +/deq )Mar 15, 2022 151 videos , accessibility , typography , readability Minimizing Google Fonts by Only Loading It for Certain Characters ami )Feb 20, 2022 150 typography , google , performance , minimalism Why You Should Use a Developer Font Jan 28, 2022 149 typography , productivity How to Avoid Layout Shifts Caused by Web Fonts sim )Jan 19, 2022 148 how-tos , performance , user-experience Google Fonts Knowledge ell )Dec 7, 2021 147 google , typography What Are Accessible Fonts? Nov 2, 2021 146 accessibility What Creating a Simple Font Taught Me About Font Design Oct 5, 2021 145 typography Firefox’s “bolder” Default Is a Problem for Variable Fonts sim /css )Sep 7, 2021 144 css , variable-fonts , browsers , firefox Avoiding FOUT With Async CSS jay )Sep 4, 2021 143 flash-of-x , css , asynchrony Times New Roman Doesn’t Have to Be Boring—Here’s Why Aug 30, 2021 142 typography All You Need Is 5 Fonts Jun 25, 2021 141 design , typography Optical Size, the Hidden Superpower of Variable Fonts pix )Jun 17, 2021 140 css , variable-fonts , typography Best Practices for Fonts tun )Jun 3, 2021 139 best-practices , performance Uniwidth Typefaces for Interface Design Jan 27, 2021 138 typography Why You Should Self-Host Google Fonts in 2021 Dec 16, 2020 137 google , self-hosting Time to Say Goodbye to Google Fonts: Cache Performance Nov 30, 2020 136 google , caching , performance Leveraging System Fonts on the Web jim )Nov 23, 2020 135 The Monospaced System UI CSS Font Stack Sep 30, 2020 134 css , link-lists Use Advanced Typography With Local Fonts tom )Aug 24, 2020 133 typography , apis Happy Birthday Web Fonts! w3c )Jul 27, 2020 132 anniversaries , woff , standards Speed Up Google Fonts css )May 19, 2020 131 performance , google Dark Mode and Variable Fonts fon /css )Apr 23, 2020 130 dark-mode , variable-fonts , css Improving Perceived Performance With the CSS “font-display” Property the )Feb 23, 2020 129 performance , css Should You Self-Host Google Fonts? tun )Jan 12, 2020 128 google , self-hosting , performance How to Convert Variable TTF Font Files to WOFF2 hen )Jan 9, 2020 127 how-tos , variable-fonts , ttf , woff , typography , conversion Interactivity and Animation With Variable Fonts man /24w )Dec 5, 2019 126 variable-fonts , animations , javascript , css Dynamic Typography With Variable Fonts btc )Nov 26, 2019 125 videos , typography , variable-fonts Optimizing Google Fonts Performance sma )Jun 20, 2019 124 google , performance , optimization The Scoville Scale of Web Font Loading Opinions zac /btc )May 18, 2019 123 videos , performance Google Fonts Is Adding “font-display” zac )May 9, 2019 122 google , css The Serif Tax chr /css )Apr 9, 2019 121 performance , ttf Typography for Developers css )Feb 27, 2019 120 typography , legibility , readability , css , link-lists Get All Font Sizes in Use on a Web Page zac )Jan 10, 2019 119 css , console , javascript CSS Fonts 3 Is a W3C Recommendation svg /w3c )Sep 20, 2018 118 css , standards Variable Fonts: What They Are, and How to Use Them Aug 14, 2018 117 how-tos , variable-fonts , performance Icon Fonts vs. SVGs—Which One Should You Use in 2018? Aug 9, 2018 116 icon-fonts , svg , images Weird Things Variable Fonts Can Do chr /css )Jul 20, 2018 115 variable-fonts Three Techniques for Performant Custom Font Usage oll /css )Mar 5, 2018 114 performance , techniques , flash-of-x Web Fonts Working Group Announces WOFF 2.0 File Format Mar 5, 2018 113 w3c , woff , standards Understanding Web Fonts and Getting the Most Out of Them thi /css )Feb 23, 2018 112 ttf , woff , css , typography , variable-fonts Introduction to Variable Fonts on the Web dav +)Feb 19, 2018 111 introductions , variable-fonts , css FOIT vs. FOUT, a Side by Side Comparison zac )Oct 12, 2017 110 user-experience , flash-of-x , comparisons Using Webfonts ali )Oct 3, 2017 109 css CSS “font-display”: The Future of Font Rendering on the Web Sep 26, 2017 108 css , typography If You Really Dislike FOUT, “font-display: optional” Might Be Your Jam chr /css )Aug 3, 2017 107 flash-of-x , css Optimizing Web Fonts for Performance: The State of the Art Apr 25, 2017 106 performance , optimization Get Started With Variable Fonts ric )Feb 21, 2017 105 introductions , variable-fonts Free Fonts With Personality and Style sma )Feb 14, 2017 104 link-lists Align SVG Icons to Text and Say Goodbye to Font Icons pro )Jan 18, 2017 103 svg , images , icons , icon-fonts , css , design , alignment Experimenting With Color Fonts fon /css )Nov 29, 2016 102 colors , experiments Webfonts on the Prairie ali )Sep 6, 2016 101 metrics Critical Web Fonts zac )Jan 4, 2016 100 css , flash-of-x , critical-path , performance , metrics A New Responsive Font Format for the Web fon /css )Nov 25, 2015 99 variable-fonts , responsive-design Seriously, Don’t Use Icon Fonts tyl /clo )Nov 23, 2015 98 icon-fonts , html , quality Loading Web Fonts With the Web Font Loader fon /css )Nov 16, 2015 97 flash-of-x , performance , user-experience 4 Expert Tips for Getting the Most Out of Google Fonts Oct 26, 2015 96 google , tips-and-tricks Using Web Fonts the Best Way (in 2015) hel )Oct 8, 2015 95 performance Type Is Visible Language esp /btc )Aug 31, 2015 94 videos , typography The Mitt Romney Web Font Problem zac )May 31, 2015 93 flash-of-x , user-experience , css , javascript Monotype Is Introducing an HTML5-Based Web Font Platform May 12, 2015 92 html Variable Fonts for Responsive Design nic /ali )Jan 23, 2015 91 variable-fonts , responsive-design Flash of Faux Text—Still More on Font Loading zac )Jan 22, 2015 90 flash-of-x , ttf , woff , css , javascript Programming Fonts Jan 17, 2015 89 websites , programming , comparisons The Good, the Bad, and the Great Examples of Web Typography sma )Dec 22, 2014 88 typography , examples 3 Principles for Perfect Typeface Pairing Dec 1, 2014 87 typography , principles Minimising Font Downloads jaf )Aug 19, 2014 86 css , performance , optimization , support , browsers The Latest in Web Font Trends ali )Mar 10, 2014 85 trends Thought Process of a Front End Problem chr /css )Jan 25, 2014 84 processes , debugging , opera , browsers What Are Icon Fonts? Jan 10, 2014 83 icon-fonts Preventing the Performance Hit From Custom Fonts chr /css )Apr 17, 2013 82 performance , ajax , jquery , lazy-loading Font Hinting and the Future of Responsive Typography nic /ali )Feb 22, 2013 81 typography , responsive-design A Critical Approach to Typefaces sma )Feb 12, 2013 80 typography 5 Use Cases for Icon Fonts css )Dec 27, 2012 79 icon-fonts , examples , css WOFF File Format 1.0 typ +/w3c )Dec 13, 2012 78 woff , standards Why Won’t Helvetica Go Away? sma )Dec 7, 2012 77 typography , history HTML for Icon Font Usage chr /css )May 24, 2012 76 html , icon-fonts , semantics A Closer Look at Font Rendering sma )Apr 24, 2012 75 rendering , typography Custom Fonts in Emails chr /css )Jan 25, 2012 74 email Creating Custom Font Stacks With “unicode-range” dre /24w )Dec 1, 2011 73 css , unicode The “@font-face” Rule and Useful Web Font Tricks ope /sma )Mar 2, 2011 72 css , tips-and-tricks Converting “@font-face” Fonts Quickly in Any OS zol )Feb 20, 2011 71 conversion , css A Solution to Stop Font Face Fonts Looking Bold on Mac Browsers Dec 16, 2010 70 css , browsers , apple , unix-like The Future of Web Fonts Is Sooner Than It Used to Be Aug 31, 2010 69 woff , design Web Could Be Stylized by New W3C Font Platform Aug 17, 2010 68 web , woff , w3c Quick Guide to Implement Webfonts via “@font-face” pau )Aug 2, 2010 67 guides , css Frontend SPOF Jun 1, 2010 66 performance , html , javascript , css Google Fonts Is Born—Can I Get a Hallelujah!? mis )May 20, 2010 65 google , typography 2010: Web Fonts Are Here and Ready to Use bra /aja )May 19, 2010 64 google , foss How to Detect Font-Smoothing Using JavaScript zol )Nov 29, 2009 63 how-tos , javascript On Web Typography jas /ali )Nov 17, 2009 62 typography , legibility , readability Web Open Font Format for Firefox 3.6 moz )Oct 20, 2009 61 woff , firefox , browsers “@font-face” Is Cool… but Does It Scale? oct /aja )Oct 14, 2009 60 css , performance More “@font-face” Fun zol )Oct 9, 2009 59 css Can Typekit Bring Fonts to the Web? Sep 27, 2009 58 typography “@font-face” in Depth zol )Sep 20, 2009 57 css IKEA and the Font Fiasco Sep 1, 2009 56 typography , case-studies Friends Don’t Let Friends Use Comic Sans May 11, 2009 55 design Font Embedding Now dav )May 7, 2009 54 css Web Fonts: Do Something Positive! sen )Apr 23, 2009 53 Fuck the Foundries div )Apr 21, 2009 52 typography 8 Definitive Web Font Stacks Jan 8, 2009 51 typography Efficiently Serving Custom Web Fonts wes )Aug 27, 2008 50 conditional-comments , apache , internet-explorer , browsers Font MIME Types ann )Aug 21, 2008 49 mime-types The Coming Battle Over Web Fonts Aug 14, 2008 48 Web Typography: Tell Me What You Want jas )Apr 29, 2008 47 w3c , typography , css Which Are More Legible: Serif or Sans Serif Typefaces? ale )Feb 17, 2008 46 legibility , typography , studies , research Increase Your Font Stacks With Font Matrix Dec 17, 2007 45 css , concepts The Principles of Beautiful Typography jas )Dec 5, 2007 44 principles , typography , readability , legibility The Resurrection of Downloadable Web Fonts Oct 9, 2007 43 css Fonts in Your Face jon )Oct 5, 2007 42 css , safari , opera Interview With Håkon Wium Lie pet )Sep 4, 2007 41 interviews , css , licensing Font Rendering Differences: Firefox vs. IE vs. Safari chr /css )Aug 29, 2007 40 css , rendering , firefox , internet-explorer , safari , browsers , comparisons CSS @ Ten: The Next Big Thing ali )Aug 28, 2007 39 css , anniversaries , standards 80 Beautiful Typefaces for Professional Design sma )Aug 8, 2007 38 design Inherit Expression for IE? mey )Apr 23, 2007 37 internet-explorer , browsers , css , resets JavaScript/CSS Font Detector dal /aja )Mar 12, 2007 36 javascript , css , tooling Better Font Management dig )Mar 6, 2007 35 tooling , link-lists Problems With Font Rendering on Macs ric )Dec 14, 2006 34 rendering , unix-like , apple , ttf Safari Better Than Firefox? zel )Nov 27, 2006 33 safari , firefox , browsers , comparisons More About Web Fonts: Basics and a Few Surprises Nov 18, 2006 32 fundamentals , css Best Fonts for the Web Nov 16, 2006 31 Great Fonts for Web 2.0 Nov 13, 2006 30 web-2.0 The Unfortunate Death of Helvetica Oct 23, 2006 29 Study of Free/Shareware Web Fonts May 4, 2006 28 studies , research Top 5 Web Design Mistakes nza )Aug 8, 2005 27 design , images , javascript , colors , mistakes Debunking Myths About ClearType Fonts Mar 27, 2005 26 myths sJIR: scalable Jens Image Replacement Nov 2, 2004 25 image-replacement , techniques , javascript The New Typography ric )Dec 12, 2003 24 typography , css Font Size: No Happy Medium dav )Nov 26, 2003 23 css , units , legibility A Comparison of Two Computer Fonts: Serif Versus Ornate Sans Serif Aug 11, 2003 22 typography , readability , legibility , comparisons Care With Font Size w3c )Jul 30, 2003 21 css , units , legibility Understanding Web Typography—an Introduction Dec 7, 2002 20 introductions , typography , html Origins of Verdana/Tahoma dav )Dec 5, 2002 19 typography Code Style Font Sampler Oct 14, 2002 18 css Fonts—Web-Friendly and Free Jul 27, 2002 17 microsoft Use Relative Font Sizes Jul 18, 2002 16 units A Comparison of Popular Online Fonts: Which Size and Type Is Best? Jan 10, 2002 15 legibility , comparisons , studies , research About the Hiragino Fonts With CSS hsi )Dec 13, 2001 14 unix-like , css Usability 101: Using Relative Font Sizes Dec 12, 2001 13 introductions , units , css , usability , accessibility Icon Font, SVG, PDF, and PNG Generator 12 tools , exploration , images , code-generation , icon-fonts , svg , pdf , png Font Capability Checker pix )11 tools , exploration , typography Font Comparer 10 tools , exploration , typography , comparisons Font Determiner 9 tools , exploration , typography Font Family Support Checker zac )8 tools , exploration , typography , support Font Pairing Generator 7 tools , exploration , typography , comparisons Font Style Matcher 6 tools , exploration , typography , css Font Tester 5 tools , exploration , typography Web Font Generator 4 tools , exploration , typography Google Web Fonts Helper 3 tools , exploration , code-generation , google , typography Fallback Font Generator scr )2 tools , exploration , typography , code-generation Text-to-Unicode Range Generator sto )1 tools , exploration , typography , code-generation , css 