Frontend Dogma

“fonts” Archive

  1. Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font · · ,
  2. Animating Font Palette · · , ,
  3. Installing Google Fonts as npm Packages · · , ,
  4. The Most Accessible Font · · , ,
  5. How to Use a Color Font · · ,
  6. The 3 Secrets to Font Pairing · · ,
  7. WOFF Has Left the Building · · , ,
  8. The New Google Fonts: Find What You’re Looking For · ·
  9. Thinking on Ways to Solve Adaptive Typography · · , ,
  10. Using Emoji on the Web · · , ,
  11. The New “@ font-face” Syntax · ·
  12. What’s Your Type? Try These Tests to Pick the Perfect Font for You · · ,
  13. Typography for Everyone · · ,
  14. How to Use Google Fonts and “font-display” · · , ,
  15. Modern Font Stacks · · ,
  16. Handling CSS Color Fonts With “font-palette” · · ,
  17. Managing Fonts in WordPress Block Themes · ·
  18. How to Password-Protect a Static HTML Page With No JS · · , ,
  19. Improved Font Fallbacks · · ,
  20. How to Pick a Font (That Doesn’t Suck) · · , ,
  21. Quick Thoughts on Typeface and Font Accessibility · · ,
  22. The Final Google Fonts Knowledge Drop of 2022 · · ,
  23. From Type to Logotype · · , ,
  24. Advanced Web Font Optimization Techniques · · ,
  25. Hands-On Guide to Color Fonts and “@ font-palette-values” · · , ,
  26. This Site’s Type Is Now Variable · · ,
  27. Fonts · · ,
  28. First Batch of Color Fonts Arrives on Google Fonts · · ,
  29. Which Fonts to Use for Your Charts and Tables · · ,
  30. Front-End Internationalisation Tips · · , ,
  31. The Joy of Variable Fonts: Getting Started on the Frontend · · ,
  32. Do Dyslexia Fonts Improve Accessibility? · ·
  33. Measuring the Performance of Typefaces for Users II · · ,
  34. Measuring the Performance of Typefaces for Users · · ,
  35. Customizing Color Fonts on the Web · · ,
  36. Best Font for Online Reading: No Single Answer · · , , ,
  37. Fonts for the Web: Rationale, 1996 · ·
  38. Childish Font Sizes · · ,
  39. Fonts in Use: Variable Fonts · ·
  40. Variable Fonts in Real Life: How to Use and Love Them · ·
  41. Identifying Fonts: The Complete Guide · · ,
  42. Don’t Believe the Type! · · , , ,
  43. Minimizing Google Fonts by Only Loading It for Certain Characters · · , , ,
  44. Why You Should Use a Developer Font · · ,
  45. How to Avoid Layout Shifts Caused by Web Fonts · · , ,
  46. Google Fonts Knowledge · · ,
  47. What Are Accessible Fonts? · ·
  48. What Creating a Simple Font Taught Me About Font Design · ·
  49. Firefox’s “bolder” Default Is a Problem for Variable Fonts · · , , ,
  50. Times New Roman Doesn’t Have to Be Boring—Here’s Why · ·
  51. All You Need Is 5 Fonts · · ,
  52. Optical Size, the Hidden Superpower of Variable Fonts · · ,
  53. Best Practices for Fonts · · ,
  54. Uniwidth Typefaces for Interface Design · ·
  55. Why You Should Self-Host Google Fonts in 2021 · ·
  56. Leveraging System Fonts on the Web ·
  57. Use Advanced Typography With Local Fonts · · ,
  58. Google Web Fonts Helper · , , , ,
  59. Web Font Generator · , ,
  60. Font Tester · , ,
  61. Font Style Matcher · , , ,
  62. Font Pairing Tester · , , ,
  63. Font Family Support Checker · , , ,
  64. Font Determiner · , ,
  65. Font Comparer · , , ,
  66. Font Capability Checker · , ,
  67. How to Convert Variable TTF Font Files to WOFF2 · · , ,