Frontend Dogma

“typography” Archive

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