| Fabulous Font-Face Fallbacks (sto/per) | | 136 |
| performance, css, typography |
| Preloading Fonts for Web Performance With “link rel=preload” (acc/mat) | | 135 |
| performance, html, hints |
| Fonts (bra/htt) | | 134 |
| web-almanac, studies, research, metrics |
| What Makes a Font Accessible? A Designer’s Guide (a11) | | 133 |
| guides, design, typography, accessibility |
| Quick Guide to Web Typography for Developers (ole) | | 132 |
| guides, typography, examples |
| The Ultimate Guide to Font Performance Optimization (deb) | | 131 |
| guides, performance, optimization |
| The Monospace Web (owi) | | 130 |
| design |
| WOFF File Format 2.0 (w3c) | | 129 |
| woff, standards |
| State of Text Rendering 2024 (beh) | | 128 |
| rendering |
| Beyond Monospace: The Search for the Perfect Coding Font (rom+/evi) | | 127 |
| developer-experience |
| Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod) | | 126 |
| css, units |
| Animating Font Palette (man) | | 125 |
| css, colors, effects |
| Installing Google Fonts as npm Packages (ami) | | 124 |
| installing, tooling, dependencies, google |
| The Most Accessible Font (prw) | | 123 |
| accessibility, typography, legibility |
| How to Use a Color Font (man) | | 122 |
| how-tos, css |
| The 3 Secrets to Font Pairing | | 121 |
| typography, design |
| Optimizing Web Fonts (lyd/ver) | | 120 |
| css, performance, optimization |
| The New Google Fonts: Find What You’re Looking For (tob/mat) | | 119 |
| google |
| WOFF Has Left the Building (mat) | | 118 |
| woff, typography, css, support |
| Thinking on Ways to Solve Adaptive Typography (arg/dev) | | 117 |
| videos, typography, css |
| Using Emoji on the Web (oll) | | 116 |
| emoji, support, unicode |
| The New “@ font-face” Syntax (oll) | | 115 |
| css |
| What’s Your Type? Try These Tests to Pick the Perfect Font for You (emm+/was) | | 114 |
| design, typography |
| Typography for Everyone (tob/btc) | | 113 |
| videos, typography |
| How to Use Google Fonts and “font-display” (dax/sit) | | 112 |
| how-tos, google, css |
| 16 Little UI Design Tips That Make a Big Impact (adh/uxp) | | 111 |
| design, tips-and-tricks, spacing, consistency, colors, contrast, typography |
| Modern Font Stacks (dan) | | 110 |
| websites, typography |
| Handling CSS Color Fonts With “font-palette” (sta) | | 109 |
| css, colors |
| Managing Fonts in WordPress Block Themes (css) | | 108 |
| wordpress, theming |
| How to Password-Protect a Static HTML Page With No JS (ede) | | 107 |
| how-tos, security, css |
| Improved Font Fallbacks (kat/dev) | | 106 |
| typography, graceful-degradation |
| How to Pick a Font (That Doesn’t Suck) (kad) | | 105 |
| how-tos, guides, typography |
| Quick Thoughts on Typeface and Font Accessibility (jon) | | 104 |
| accessibility, typography |
| The Final Google Fonts Knowledge Drop of 2022 (ell) | | 103 |
| google, typography |
| From Type to Logotype (hel/goo) | | 102 |
| typography, design, branding, logos |
| Advanced Web Font Optimization Techniques (ale) | | 101 |
| typography, optimization |
| Hands-On Guide to Color Fonts and “@ font-palette-values” (zor/css) | | 100 |
| videos, guides, css |
| This Site’s Type Is Now Variable (ell) | | 99 |
| typography, css |
| Fonts (bra/htt) | | 98 |
| web-almanac, studies, research, metrics |
| First Batch of Color Fonts Arrives on Google Fonts (sed/mat) | | 97 |
| google, typography, colors |
| Which Fonts to Use for Your Charts and Tables (lis/dat) | | 96 |
| information-design, tables |
| Front-End Internationalisation Tips (nic/stu) | | 95 |
| internationalization, css, javascript |
| The Joy of Variable Fonts: Getting Started on the Frontend (iff+/evi) | | 94 |
| variable-fonts, css, introductions |
| Do Dyslexia Fonts Improve Accessibility? (boi) | | 93 |
| accessibility |
| Measuring the Performance of Typefaces for Users II (sma) | | 92 |
| typography, performance |
| Measuring the Performance of Typefaces for Users (sma) | | 91 |
| typography, performance |
| Customizing Color Fonts on the Web (lit+/web) | | 90 |
| colors, customization |
| Best Font for Online Reading: No Single Answer (nng) | | 89 |
| studies, research, typography, readability |
| Fonts for the Web: Rationale, 1996 (svg/w3c) | | 88 |
| history |
| Childish Font Sizes (tyl/clo) | | 87 |
| readability, design |
| Fonts in Use: Variable Fonts (mat/fon) | | 86 |
| typography, variable-fonts |
| Variable Fonts in Real Life: How to Use and Love Them (rom+/evi) | | 85 |
| variable-fonts, typography |
| Identifying Fonts: The Complete Guide (eri) | | 84 |
| guides, typography |
| Don’t Believe the Type! (dav+/deq) | | 83 |
| videos, accessibility, typography, readability |
| Minimizing Google Fonts by Only Loading It for Certain Characters (ami) | | 82 |
| typography, google, performance, minimalism |
| Why You Should Use a Developer Font (ant) | | 81 |
| typography, productivity |
| How to Avoid Layout Shifts Caused by Web Fonts (sim) | | 80 |
| how-tos, performance, user-experience |
| Google Fonts Knowledge (ell) | | 79 |
| google, typography |
| What Are Accessible Fonts? (acc) | | 78 |
| accessibility |
| What Creating a Simple Font Taught Me About Font Design (pin/uxd) | | 77 |
| typography |
| Firefox’s “bolder” Default Is a Problem for Variable Fonts (sim/css) | | 76 |
| css, variable-fonts, browsers, mozilla, firefox |
| Times New Roman Doesn’t Have to Be Boring—Here’s Why (fau/uxd) | | 75 |
| typography |
| All You Need Is 5 Fonts (mat/uxd) | | 74 |
| design, typography |
| Optical Size, the Hidden Superpower of Variable Fonts (pix) | | 73 |
| css, variable-fonts, typography |
| Best Practices for Fonts (kat+/dev) | | 72 |
| best-practices, performance |
| Uniwidth Typefaces for Interface Design (lis/uxd) | | 71 |
| typography |
| Why You Should Self-Host Google Fonts in 2021 (gij) | | 70 |
| google |
| Time to Say Goodbye to Google Fonts: Cache Performance (zwa) | | 69 |
| google, caching, performance |
| Leveraging System Fonts on the Web (jim) | | 68 |
|
| Use Advanced Typography With Local Fonts (tom/dev) | | 67 |
| typography, apis |
| Speed Up Google Fonts (css) | | 66 |
| performance, google |
| Improving Perceived Performance With the CSS “font-display” Property (the) | | 65 |
| performance, css |
| Should You Self-Host Google Fonts? (tun) | | 64 |
| google, hosting, performance |
| How to Convert Variable TTF Font Files to WOFF2 (hen) | | 63 |
| how-tos, woff, typography, conversion |
| Interactivity and Animation With Variable Fonts (man/24w) | | 62 |
| variable-fonts, animations, javascript, css |
| Dynamic Typography With Variable Fonts (jpa/btc) | | 61 |
| videos, typography, variable-fonts |
| Optimizing Google Fonts Performance (dan/sma) | | 60 |
| google, performance, optimization |
| The Scoville Scale of Web Font Loading Opinions (zac/btc) | | 59 |
| videos, performance |
| Variable Fonts: What They Are, and How to Use Them (cla/sit) | | 58 |
| how-tos, variable-fonts, performance |
| Icon Fonts vs. SVGs—Which One Should You Use in 2018? (key) | | 57 |
| icon-fonts, svg, images |
| Web Fonts Working Group Announces WOFF 2.0 File Format | | 56 |
| w3c, woff, standards |
| Using Webfonts (bra/ali) | | 55 |
| css |
| CSS “font-display”: The Future of Font Rendering on the Web (mgi/sit) | | 54 |
| css, typography |
| Optimizing Web Fonts for Performance: The State of the Art (ant/sit) | | 53 |
| performance, optimization |
| Free Fonts With Personality and Style (sma) | | 52 |
| link-lists |
| Align SVG Icons to Text and Say Goodbye to Font Icons (ell/pro) | | 51 |
| svg, images, icons, icon-fonts, css, design, alignment |
| Webfonts on the Prairie (ali) | | 50 |
| metrics |
| Seriously, Don’t Use Icon Fonts (tyl/clo) | | 49 |
| icon-fonts, html, quality |
| 4 Expert Tips for Getting the Most Out of Google Fonts (sit) | | 48 |
| google, tips-and-tricks |
| Using Web Fonts the Best Way (in 2015) (hel) | | 47 |
| performance |
| Type Is Visible Language (esp/btc) | | 46 |
| videos, typography |
| Monotype Is Introducing an HTML5-Based Web Font Platform (nap/the) | | 45 |
| html |
| The Good, the Bad, and the Great Examples of Web Typography (typ/sma) | | 44 |
| typography, examples |
| 3 Principles for Perfect Typeface Pairing (sit) | | 43 |
| typography, principles |
| Minimising Font Downloads (jaf) | | 42 |
| css, performance, optimization, support, browsers |
| The Latest in Web Font Trends (jen/ali) | | 41 |
| trends |
| What Are Icon Fonts? (plu) | | 40 |
| icon-fonts |
| Font Hinting and the Future of Responsive Typography (nic/ali) | | 39 |
| typography, responsive-design |
| A Critical Approach to Typefaces (sma) | | 38 |
| typography |
| WOFF File Format 1.0 (typ+/w3c) | | 37 |
| woff, standards |
| Why Won’t Helvetica Go Away? (sma) | | 36 |
| typography, history |
| A Closer Look at Font Rendering (tim/sma) | | 35 |
| rendering, typography |
| The “@ font-face” Rule and Useful Web Font Tricks (ope/sma) | | 34 |
| css, tips-and-tricks |
| A Solution to Stop Font Face Fonts Looking Bold on Mac Browsers | | 33 |
| css, browsers, apple, unix-like |
| The Future of Web Fonts Is Sooner Than It Used to Be (pri) | | 32 |
| woff, design |
| Web Could Be Stylized by New W3C Font Platform (joa/pcw) | | 31 |
| web, woff, w3c |
| Quick Guide to Implement Webfonts via “@ font-face” (pau/dev) | | 30 |
| guides, css |
| Frontend SPOF (sou) | | 29 |
| performance, html, javascript, css |
| Google Fonts Is Born—Can I Get a Hallelujah!? (ale/sit) | | 28 |
| google, typography |
| On Web Typography (jas/ali) | | 27 |
| typography, legibility, readability |
| Web Open Font Format for Firefox 3.6 (moz) | | 26 |
| woff, firefox, mozilla, browsers |
| IKEA and the Font Fiasco (sit) | | 25 |
| typography, case-studies |
| Friends Don’t Let Friends Use Comic Sans (sit) | | 24 |
| design |
| Font Embedding Now (dav) | | 23 |
| css |
| Web Fonts: Do Something Positive! (sen/sit) | | 22 |
|
| Fuck the Foundries (div) | | 21 |
| typography |
| 8 Definitive Web Font Stacks (sit) | | 20 |
| typography |
| Font MIME Types (ann) | | 19 |
| mime-types |
| The Coming Battle Over Web Fonts (roc) | | 18 |
|
| The Principles of Beautiful Typography (jas/sit) | | 17 |
| principles, typography, readability, legibility |
| 80 Beautiful Typefaces for Professional Design (sma) | | 16 |
| design |
| Study of Free/Shareware Web Fonts | | 15 |
| studies, research |
| sJIR: scalable Jens Image Replacement | | 14 |
| image-replacement, techniques, javascript |
| Origins of Verdana/Tahoma (dav) | | 13 |
| typography |
| About the Hiragino Fonts With CSS (hsi) | | 12 |
| unix-like, css |
| Fallback Font Generator (scr) | | 11 |
| tools, exploration, typography, code-generation |
| Google Web Fonts Helper | | 10 |
| tools, exploration, code-generation, google, typography |
| Web Font Generator (fon) | | 9 |
| tools, exploration, typography |
| Font Tester (des) | | 8 |
| tools, exploration, typography |
| Font Style Matcher (not) | | 7 |
| tools, exploration, typography, css |
| Font Pairing Generator | | 6 |
| tools, exploration, typography, comparisons |
| Font Family Support Checker (zac) | | 5 |
| tools, exploration, typography, support |
| Font Determiner (myf) | | 4 |
| tools, exploration, typography |
| Font Comparer (vik) | | 3 |
| tools, exploration, typography, comparisons |
| Font Capability Checker (pix) | | 2 |
| tools, exploration, typography |
| Icon Font, SVG, PDF, and PNG Generator | | 1 |
| tools, exploration, images, code-generation, icon-fonts, svg, pdf, png |
