Frontend Dogma

“fonts” Archive

(Need an explanation? Look for “fonts” at WebGlossary.info.)

  1. Fonts (by/via) · · , , ,
  2. What Makes a Font Accessible? A Designer’s Guide (via) · · , , ,
  3. Quick Guide to Web Typography for Developers (by) · · , ,
  4. The Ultimate Guide to Font Performance Optimization (via) · · , ,
  5. The Monospace Web (by) · · ,
  6. State of Text Rendering 2024 (by) · ·
  7. Beyond Monospace: The Search for the Perfect Coding Font (by+/via) · ·
  8. Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (by/via) · · ,
  9. Animating Font Palette (by) · · , ,
  10. Installing Google Fonts as npm Packages (by) · · , , ,
  11. The Most Accessible Font (by) · · , ,
  12. How to Use a Color Font (by) · · ,
  13. The 3 Secrets to Font Pairing · · ,
  14. Optimizing Web Fonts (by/via) · · , ,
  15. WOFF Has Left the Building (by) · · , ,
  16. The New Google Fonts: Find What You’re Looking For (by/via) · ·
  17. Thinking on Ways to Solve Adaptive Typography (by/via) · · , ,
  18. Using Emoji on the Web (by) · · , ,
  19. The New “@ font-face” Syntax (by) · · ,
  20. What’s Your Type? Try These Tests to Pick the Perfect Font for You (by+/via) · · ,
  21. Typography for Everyone (by/via) · · ,
  22. How to Use Google Fonts and “font-display” (by/via) · · , ,
  23. Modern Font Stacks (by) · · ,
  24. Handling CSS Color Fonts With “font-palette” (via) · · ,
  25. Managing Fonts in WordPress Block Themes (via) · · ,
  26. How to Password-Protect a Static HTML Page With No JS (by) · · , ,
  27. Improved Font Fallbacks (by/via) · · ,
  28. How to Pick a Font (That Doesn’t Suck) (by) · · , ,
  29. Quick Thoughts on Typeface and Font Accessibility (by) · · ,
  30. From Type to Logotype (by/via) · · , , ,
  31. The Final Google Fonts Knowledge Drop of 2022 (by) · · ,
  32. Advanced Web Font Optimization Techniques (by) · · ,
  33. Hands-On Guide to Color Fonts and “@ font-palette-values” (by/via) · · , , ,
  34. This Site’s Type Is Now Variable (by) · · ,
  35. Fonts (by/via) · · , , ,
  36. First Batch of Color Fonts Arrives on Google Fonts (by/via) · · , ,
  37. Which Fonts to Use for Your Charts and Tables (by/via) · · ,
  38. Front-End Internationalisation Tips (by/via) · · , ,
  39. The Joy of Variable Fonts: Getting Started on the Frontend (by+/via) · · , ,
  40. Do Dyslexia Fonts Improve Accessibility? (via) · ·
  41. Measuring the Performance of Typefaces for Users II (via) · · ,
  42. Measuring the Performance of Typefaces for Users (via) · · ,
  43. Customizing Color Fonts on the Web (by+/via) · · ,
  44. Best Font for Online Reading: No Single Answer (via) · · , , ,
  45. Fonts for the Web: Rationale, 1996 (by/via) · ·
  46. Childish Font Sizes (by/via) · · ,
  47. Fonts in Use: Variable Fonts (by/via) · · ,
  48. Variable Fonts in Real Life: How to Use and Love Them (by+/via) · · ,
  49. Identifying Fonts: The Complete Guide (by) · · ,
  50. Don’t Believe the Type! (by+/via) · · , , ,
  51. Minimizing Google Fonts by Only Loading It for Certain Characters (by) · · , , ,
  52. Why You Should Use a Developer Font (by) · · ,
  53. How to Avoid Layout Shifts Caused by Web Fonts (by) · · , ,
  54. Google Fonts Knowledge (by) · · ,
  55. What Are Accessible Fonts? (via) · ·
  56. What Creating a Simple Font Taught Me About Font Design (by/via) · ·
  57. Firefox’s “bolder” Default Is a Problem for Variable Fonts (by/via) · · , , , ,
  58. Times New Roman Doesn’t Have to Be Boring—Here’s Why (by/via) · ·
  59. All You Need Is 5 Fonts (by/via) · · ,
  60. Optical Size, the Hidden Superpower of Variable Fonts (by) · · , ,
  61. Best Practices for Fonts (by+/via) · · ,
  62. Uniwidth Typefaces for Interface Design (by/via) · ·
  63. Why You Should Self-Host Google Fonts in 2021 (by) · ·
  64. Time to Say Goodbye to Google Fonts: Cache Performance (by) · · , ,
  65. Leveraging System Fonts on the Web (by) ·
  66. Use Advanced Typography With Local Fonts (by/via) · · ,
  67. Speed Up Google Fonts (by) · · ,
  68. Should You Self-Host Google Fonts? (by) · · , ,
  69. How to Convert Variable TTF Font Files to WOFF2 (by) · · , ,
  70. Interactivity and Animation With Variable Fonts (by/via) · · , , ,
  71. Dynamic Typography With Variable Fonts (by/via) · · , ,
  72. The Scoville Scale of Web Font Loading Opinions (by/via) · · ,
  73. Variable Fonts: What They Are, and How to Use Them (by/via) · · , ,
  74. Icon Fonts vs. SVGs—Which One Should You Use in 2018? (via) · · , ,
  75. Using Webfonts (by/via) · · ,
  76. CSS “font-display”: The Future of Font Rendering on the Web (by/via) · · ,
  77. Optimizing Web Fonts for Performance: The State of the Art (by/via) · · ,
  78. Webfonts on the Prairie (via) · ·
  79. Seriously, Don’t Use Icon Fonts (by/via) · · , ,
  80. 4 Expert Tips for Getting the Most Out of Google Fonts (via) · · ,
  81. Type Is Visible Language (by/via) · · ,
  82. 3 Principles for Perfect Typeface Pairing (via) · · ,
  83. The Latest in Web Font Trends (by/via) · ·
  84. What Are Icon Fonts? (via) · ·
  85. Font Hinting and the Future of Responsive Typography (by/via) · · ,
  86. A Critical Approach to Typefaces (via) · ·
  87. Why Won’t Helvetica Go Away? (via) · · ,
  88. A Closer Look at Font Rendering (by/via) · · ,
  89. The “@ font-face” Rule and Useful Web Font Tricks (by/via) · · ,
  90. A Solution to Stop Font Face Fonts Looking Bold on Mac Browsers · · , , ,
  91. Quick Guide to Implement Webfonts via “@ font-face” (by/via) · · ,
  92. Google Fonts Is Born—Can I Get a Hallelujah!? (by/via) · · ,
  93. On Web Typography (by/via) · · , ,
  94. IKEA and the Font Fiasco (via) · · ,
  95. Friends Don’t Let Friends Use Comic Sans (via) · ·
  96. Font Embedding Now (by) · ·
  97. Web Fonts: Do Something Positive! (by/via) ·
  98. Fuck the Foundries (by) · ·
  99. 8 Definitive Web Font Stacks (via) · ·
  100. Font MIME Types (by) · ·
  101. The Coming Battle Over Web Fonts (by) ·
  102. The Principles of Beautiful Typography (by/via) · · , , ,
  103. 80 Beautiful Typefaces for Professional Design (via) · ·
  104. sJIR: scalable Jens Image Replacement · · , ,
  105. Origins of Verdana/Tahoma (by) · ·
  106. About the Hiragino Fonts With CSS (by) · · ,
  107. Fallback Font Generator (by) · , , ,
  108. Google Web Fonts Helper · , , , ,
  109. Web Font Generator (via) · , ,
  110. Font Tester (by) · , ,
  111. Font Style Matcher (by) · , , ,
  112. Font Pairing Generator · , , ,
  113. Font Family Support Checker (by) · , , ,
  114. Font Determiner (via) · , ,
  115. Font Comparer (by) · , , ,
  116. Font Capability Checker (by) · , ,
  117. Icon Font, SVG, PDF, and PNG Generator · , , , , , , ,