Frontend Dogma

“typography” Archive

  1. Spicing Up Text With “text-emphasis” in CSS · · ,
  2. The Problem With Data-Attributes for Text Effects · · , ,
  3. Retrofitting Fluid Typography · ·
  4. Making the Most of Ligatures · ·
  5. Nicer Text Wrapping With CSS “text-wrap” · ·
  6. The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond · · ,
  7. The Most Accessible Font · · , ,
  8. The “hanging-punctuation” Property in CSS · ·
  9. CSS “text-wrap: pretty” · · , , , ,
  10. When to Use CSS “text-wrap: balance;” vs. “text-wrap: pretty;” · · ,
  11. The 3 Secrets to Font Pairing · · ,
  12. 8 More Micro Tips for Remarkably Better Typography · · , ,
  13. Responsive Type Scales With Composable CSS Utilities · · ,
  14. WOFF Has Left the Building · · , ,
  15. 8 Micro Tips for Remarkably Better Typography · · ,
  16. Thinking on Ways to Solve Adaptive Typography · · , ,
  17. Adapting Typography to User Preferences With CSS · · ,
  18. Figma Typography Secrets—Seven Pro Tips Revealed · ·
  19. What’s Your Type? Try These Tests to Pick the Perfect Font for You · · ,
  20. Mapping Typography · · ,
  21. Text Wrap Pretty Is Coming to CSS · ·
  22. 7 Practical CSS Typography Tips and Tricks · · , ,
  23. Typography for Everyone · · ,
  24. Container Query Units and Fluid Typography · · ,
  25. CSS Text Balancing With “text-wrap: balance” · ·
  26. The IL1 Typography Test · · , , ,
  27. Preventing Too-Short Final Lines of Text Blocks · ·
  28. Modern Font Stacks · · ,
  29. An End to Typographic Widows on the Web · ·
  30. Balanced Text Wrapping Is Coming to CSS · ·
  31. Improved Font Fallbacks · · ,
  32. How to Pick a Font (That Doesn’t Suck) · · , ,
  33. Typography Manual · ·
  34. Typographic Hierarchy in Print, Web, and App Design · ·
  35. Container Queries and Typography · · ,
  36. On-Scroll Typography Animations · ·
  37. Greater Styling Control over Type With “initial-letter” · ·
  38. Quick Thoughts on Typeface and Font Accessibility · · ,
  39. Fluid Typography: Predicting a Problem With Your User’s Zoom-In · ·
  40. An Ultimate Guide on Sizing, Spacing, Grids and Layout in Web and UI/UX Design · · , , ,
  41. How to Create Typography Guidelines for a Product That Does Not Follow a Design System · · ,
  42. The Final Google Fonts Knowledge Drop of 2022 · · ,
  43. From Type to Logotype · · , ,
  44. A Conversation With ChatGPT · · , ,
  45. Advanced Web Font Optimization Techniques · · ,
  46. How to Use Huge Type on the Web · · ,
  47. CSS Ellipsis for Single-Line and Multi-Line Text · ·
  48. Typographic Hierarchies · ·
  49. Easy Fluid Typography With “clamp()” Using Sass Functions · · , , ,
  50. This Site’s Type Is Now Variable · · ,
  51. First Batch of Color Fonts Arrives on Google Fonts · · ,
  52. CSS “line-height” · ·
  53. Adventures in Text Rendering: Kerning and Glyph Atlases · ·
  54. Typography in Web Design · ·
  55. The Right Space Around Headings in Web Typography · · ,
  56. The Dos and Don’ts of Pairing Typefaces · · , , ,
  57. Measuring the Performance of Typefaces for Users II · · ,
  58. Web Typography: Establishing a Strong Typographic System ·
  59. Measuring the Performance of Typefaces for Users · · ,
  60. Tokens as Intents · · ,
  61. Legibility—How and Why Typography Affects Ease of Reading · · , ,
  62. Deep Dive into Text Wrapping and Word Breaking · ·
  63. Best Font for Online Reading: No Single Answer · · , , ,
  64. Fonts in Use: Variable Fonts · ·
  65. Variable Fonts in Real Life: How to Use and Love Them · ·
  66. Typography in Design Tokens for Figma and Code · · , ,
  67. Identifying Fonts: The Complete Guide · · ,
  68. Don’t Believe the Type! · · , , ,
  69. Minimizing Google Fonts by Only Loading It for Certain Characters · · , , ,
  70. Why You Should Use a Developer Font · · ,
  71. Modern Fluid Typography Using CSS Clamp · ·
  72. Styling Strategies Using Typography ·
  73. Consistent, Fluidly Scaling Type, and Spacing · ·
  74. The Ideal Line Length and Line Height in Web Design · ·
  75. Google Fonts Knowledge · · ,
  76. What Creating a Simple Font Taught Me About Font Design · ·
  77. What’s the Right Font Size in Web Design? · ·
  78. Line Length Revisited: Following the Research · · , ,
  79. Times New Roman Doesn’t Have to Be Boring—Here’s Why · ·
  80. All You Need Is 5 Fonts · · ,
  81. Optical Size, the Hidden Superpower of Variable Fonts · · ,
  82. Intrinsic Typography Is the Future of Styling Text on the Web · ·
  83. Uniwidth Typefaces for Interface Design · ·
  84. Symbols to Copy · · ,
  85. “font-kerning” · · ,
  86. The Thing With Leading in CSS · ·
  87. Use Advanced Typography With Local Fonts · · ,
  88. The Secret of Typography, Kerning, Explained for Dummies · ·
  89. What Is Kerning? Here’s What You Need to Know · ·
  90. Google Web Fonts Helper · , , , ,
  91. Fluid Type Scale Generator · , ,
  92. Text Decoration Generators · , ,
  93. Type Scale Generator (Tim Brown) · , ,
  94. Type Scale Generator (Jeremy Church) · , ,
  95. Web Font Generator · , ,
  96. Text Decoration Generator · , ,
  97. Golden Ratio Typography Calculator · ,
  98. Font Tester · , ,
  99. Font Style Matcher · , , ,
  100. Font Pairing Tester · , , ,
  101. Font Family Support Checker · , , ,
  102. Font Determiner · , ,
  103. Font Comparer · , , ,
  104. Font Capability Checker · , ,
  105. CSS Fluid Typography Generator · , , ,
  106. Cap Sizer · , ,
  107. How to Convert Variable TTF Font Files to WOFF2 · · , ,