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