| Fabulous Font-Face Fallbacks (by/via) | | 126 |
| performance, css, typography |
| Preloading Fonts for Web Performance With “link rel=preload” (by/via) | | 125 |
| performance, html, hints |
| Fonts (by/via) | | 124 |
| web-almanac, studies, research, metrics |
| What Makes a Font Accessible? A Designer’s Guide (via) | | 123 |
| guides, design, typography, accessibility |
| Quick Guide to Web Typography for Developers (by) | | 122 |
| guides, typography, examples |
| The Ultimate Guide to Font Performance Optimization (via) | | 121 |
| guides, performance, optimization |
| The Monospace Web (by) | | 120 |
| design |
| State of Text Rendering 2024 (by) | | 119 |
| rendering |
| Beyond Monospace: The Search for the Perfect Coding Font (by+/via) | | 118 |
| developer-experience |
| Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (by/via) | | 117 |
| css, units |
| Animating Font Palette (by) | | 116 |
| css, colors, effects |
| Installing Google Fonts as npm Packages (by) | | 115 |
| installing, tooling, dependencies, google |
| The Most Accessible Font (by) | | 114 |
| accessibility, typography, legibility |
| How to Use a Color Font (by) | | 113 |
| how-tos, css |
| The 3 Secrets to Font Pairing | | 112 |
| typography, design |
| Optimizing Web Fonts (by/via) | | 111 |
| css, performance, optimization |
| WOFF Has Left the Building (by) | | 110 |
| typography, css, support |
| The New Google Fonts: Find What You’re Looking For (by/via) | | 109 |
| google |
| Thinking on Ways to Solve Adaptive Typography (by/via) | | 108 |
| videos, typography, css |
| Using Emoji on the Web (by) | | 107 |
| emoji, support, unicode |
| The New “@ font-face” Syntax (by) | | 106 |
| css |
| What’s Your Type? Try These Tests to Pick the Perfect Font for You (by+/via) | | 105 |
| design, typography |
| Typography for Everyone (by/via) | | 104 |
| videos, typography |
| How to Use Google Fonts and “font-display” (by/via) | | 103 |
| how-tos, google, css |
| Modern Font Stacks (by) | | 102 |
| websites, typography |
| Handling CSS Color Fonts With “font-palette” (by) | | 101 |
| css, colors |
| Managing Fonts in WordPress Block Themes (via) | | 100 |
| wordpress, theming |
| How to Password-Protect a Static HTML Page With No JS (by) | | 99 |
| how-tos, security, css |
| Improved Font Fallbacks (by/via) | | 98 |
| typography, graceful-degradation |
| How to Pick a Font (That Doesn’t Suck) (by) | | 97 |
| how-tos, guides, typography |
| Quick Thoughts on Typeface and Font Accessibility (by) | | 96 |
| accessibility, typography |
| From Type to Logotype (by/via) | | 95 |
| typography, design, branding, logos |
| The Final Google Fonts Knowledge Drop of 2022 (by) | | 94 |
| google, typography |
| Advanced Web Font Optimization Techniques (by) | | 93 |
| typography, optimization |
| Hands-On Guide to Color Fonts and “@ font-palette-values” (by/via) | | 92 |
| videos, guides, css |
| This Site’s Type Is Now Variable (by) | | 91 |
| typography, css |
| Fonts (by/via) | | 90 |
| web-almanac, studies, research, metrics |
| First Batch of Color Fonts Arrives on Google Fonts (by/via) | | 89 |
| google, typography, colors |
| Which Fonts to Use for Your Charts and Tables (by/via) | | 88 |
| information-design, tables |
| Front-End Internationalisation Tips (by/via) | | 87 |
| internationalization, css, javascript |
| The Joy of Variable Fonts: Getting Started on the Frontend (by+/via) | | 86 |
| variable-fonts, css, introductions |
| Do Dyslexia Fonts Improve Accessibility? (via) | | 85 |
| accessibility |
| Measuring the Performance of Typefaces for Users II (via) | | 84 |
| typography, performance |
| Measuring the Performance of Typefaces for Users (via) | | 83 |
| typography, performance |
| Customizing Color Fonts on the Web (by+/via) | | 82 |
| colors, customization |
| Best Font for Online Reading: No Single Answer (via) | | 81 |
| studies, research, typography, readability |
| Fonts for the Web: Rationale, 1996 (by/via) | | 80 |
| history |
| Childish Font Sizes (by/via) | | 79 |
| readability, design |
| Fonts in Use: Variable Fonts (by/via) | | 78 |
| typography, variable-fonts |
| Variable Fonts in Real Life: How to Use and Love Them (by+/via) | | 77 |
| variable-fonts, typography |
| Identifying Fonts: The Complete Guide (by) | | 76 |
| guides, typography |
| Don’t Believe the Type! (by+/via) | | 75 |
| videos, accessibility, typography, readability |
| Minimizing Google Fonts by Only Loading It for Certain Characters (by) | | 74 |
| typography, google, performance, minimalism |
| Why You Should Use a Developer Font (by) | | 73 |
| typography, productivity |
| How to Avoid Layout Shifts Caused by Web Fonts (by) | | 72 |
| how-tos, performance, user-experience |
| Google Fonts Knowledge (by) | | 71 |
| google, typography |
| What Are Accessible Fonts? (via) | | 70 |
| accessibility |
| What Creating a Simple Font Taught Me About Font Design (by/via) | | 69 |
| typography |
| Firefox’s “bolder” Default Is a Problem for Variable Fonts (by/via) | | 68 |
| css, variable-fonts, browsers, mozilla, firefox |
| Times New Roman Doesn’t Have to Be Boring—Here’s Why (by/via) | | 67 |
| typography |
| All You Need Is 5 Fonts (by/via) | | 66 |
| design, typography |
| Optical Size, the Hidden Superpower of Variable Fonts (by) | | 65 |
| css, variable-fonts, typography |
| Best Practices for Fonts (by+/via) | | 64 |
| best-practices, performance |
| Uniwidth Typefaces for Interface Design (by/via) | | 63 |
| typography |
| Why You Should Self-Host Google Fonts in 2021 (by) | | 62 |
| google |
| Time to Say Goodbye to Google Fonts: Cache Performance (by) | | 61 |
| google, caching, performance |
| Leveraging System Fonts on the Web (by) | | 60 |
|
| Use Advanced Typography With Local Fonts (by/via) | | 59 |
| typography, apis |
| Speed Up Google Fonts (by) | | 58 |
| performance, google |
| Should You Self-Host Google Fonts? (by) | | 57 |
| google, hosting, performance |
| How to Convert Variable TTF Font Files to WOFF2 (by) | | 56 |
| how-tos, typography, conversion |
| Interactivity and Animation With Variable Fonts (by/via) | | 55 |
| variable-fonts, animations, javascript, css |
| Dynamic Typography With Variable Fonts (by/via) | | 54 |
| videos, typography, variable-fonts |
| Optimizing Google Fonts Performance (by/via) | | 53 |
| google, performance, optimization |
| The Scoville Scale of Web Font Loading Opinions (by/via) | | 52 |
| videos, performance |
| Variable Fonts: What They Are, and How to Use Them (by/via) | | 51 |
| how-tos, variable-fonts, performance |
| Icon Fonts vs. SVGs—Which One Should You Use in 2018? (via) | | 50 |
| icon-fonts, svg, images |
| Using Webfonts (by/via) | | 49 |
| css |
| CSS “font-display”: The Future of Font Rendering on the Web (by/via) | | 48 |
| css, typography |
| Optimizing Web Fonts for Performance: The State of the Art (by/via) | | 47 |
| performance, optimization |
| Free Fonts With Personality and Style (via) | | 46 |
| link-lists |
| Align SVG Icons to Text and Say Goodbye to Font Icons (by/via) | | 45 |
| svg, images, icons, icon-fonts, css, design, alignment |
| Webfonts on the Prairie (via) | | 44 |
| metrics |
| Seriously, Don’t Use Icon Fonts (by/via) | | 43 |
| icon-fonts, html, quality |
| 4 Expert Tips for Getting the Most Out of Google Fonts (via) | | 42 |
| google, tips-and-tricks |
| Using Web Fonts the Best Way (in 2015) (by) | | 41 |
| performance |
| Type Is Visible Language (by/via) | | 40 |
| videos, typography |
| The Good, the Bad, and the Great Examples of Web Typography (by/via) | | 39 |
| typography, examples |
| 3 Principles for Perfect Typeface Pairing (via) | | 38 |
| typography, principles |
| The Latest in Web Font Trends (by/via) | | 37 |
| trends |
| What Are Icon Fonts? (via) | | 36 |
| icon-fonts |
| Font Hinting and the Future of Responsive Typography (by/via) | | 35 |
| typography, responsive-design |
| A Critical Approach to Typefaces (via) | | 34 |
| typography |
| Why Won’t Helvetica Go Away? (via) | | 33 |
| typography, history |
| A Closer Look at Font Rendering (by/via) | | 32 |
| rendering, typography |
| The “@ font-face” Rule and Useful Web Font Tricks (by/via) | | 31 |
| css, tips-and-tricks |
| A Solution to Stop Font Face Fonts Looking Bold on Mac Browsers | | 30 |
| css, browsers, apple, unix-like |
| Quick Guide to Implement Webfonts via “@ font-face” (by/via) | | 29 |
| guides, css |
| Frontend SPOF (by) | | 28 |
| performance, html, javascript, css |
| Google Fonts Is Born—Can I Get a Hallelujah!? (by/via) | | 27 |
| google, typography |
| On Web Typography (by/via) | | 26 |
| typography, legibility, readability |
| IKEA and the Font Fiasco (via) | | 25 |
| typography, case-studies |
| Friends Don’t Let Friends Use Comic Sans (via) | | 24 |
| design |
| Font Embedding Now (by) | | 23 |
| css |
| Web Fonts: Do Something Positive! (by/via) | | 22 |
|
| Fuck the Foundries (by) | | 21 |
| typography |
| 8 Definitive Web Font Stacks (via) | | 20 |
| typography |
| Font MIME Types (by) | | 19 |
| mime-types |
| The Coming Battle Over Web Fonts (by) | | 18 |
|
| The Principles of Beautiful Typography (by/via) | | 17 |
| principles, typography, readability, legibility |
| 80 Beautiful Typefaces for Professional Design (via) | | 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 (by) | | 13 |
| typography |
| About the Hiragino Fonts With CSS (by) | | 12 |
| unix-like, css |
| Fallback Font Generator (by) | | 11 |
| tools, exploration, typography, code-generation |
| Google Web Fonts Helper | | 10 |
| tools, exploration, code-generation, google, typography |
| Web Font Generator (via) | | 9 |
| tools, exploration, typography |
| Font Tester (by) | | 8 |
| tools, exploration, typography |
| Font Style Matcher (by) | | 7 |
| tools, exploration, typography, css |
| Font Pairing Generator | | 6 |
| tools, exploration, typography, comparisons |
| Font Family Support Checker (by) | | 5 |
| tools, exploration, typography, support |
| Font Determiner (via) | | 4 |
| tools, exploration, typography |
| Font Comparer (by) | | 3 |
| tools, exploration, typography, comparisons |
| Font Capability Checker (by) | | 2 |
| tools, exploration, typography |
| Icon Font, SVG, PDF, and PNG Generator | | 1 |
| tools, exploration, images, code-generation, icon-fonts, svg, pdf, png |
