Awesome Web Typography

A curated collection of awesome web typography articles.

Articles

• No @font-face Syntax will ever be Bulletproof, Nor Should It Be
• Font Aliasing, or how to rename a font in CSS
• The Future of Web Fonts
• Your Body Text Is Too Small
• Methods for Controlling Spacing in Web Typography
• Bold or Italic
• Webfonts on the Prairie
• Typography is impossible
• The New Web Typography
• Tools And Resources For A More Meaningful Web Typography
• A more modern scale for Web Typography
• Better web typography in 13 simple steps
• Choosing web fonts: 15 expert tips
• The Good, The Bad And The Great Examples Of Web Typography
• Web Fonts Performance: Making Pretty, Fast
• Font Smoothing
• The State of Web Type
• Dashes in Web Typography
• Scale & Rhythm in Typography
• Typographic Scale
• The Mathematical Symphony of Typography
• The Best Free Alternatives to the Most Popular Fonts
• A History of Typeface Styles & Type Classification
• 26 digital typography rules for beginners
• Variable Fonts for Responsive Design
• Typeface Mechanics
• Truly Fluid Typography With vh And vw Units
• Viewport Based Typography
• Animated Typographic Cheat Sheet
• Typography for User Interfaces
• Loading Web Fonts Asynchronously
• Font-size: An Unexpectedly Complex CSS Property
• 93 most popular premium fonts alternative google fonts
• Font Aliasing, or How to Rename a Font in CSS

Web Fonts & Web Performance

• Controlling Font Performance with font-display
• Lightning Fast Font Loading Techniques
• Loading webfonts with high performance on responsive websites
• Font Loading Revisited with Font Events
• How we use web fonts responsibly, or, avoiding a @font-face-palm
• Better @font-face with Font Load Events
• Better webfont loading with using localStorage and providing WOFF2 support
• Using Web Fonts the Best Way (in 2015)
• Web Font Loading Patterns
• Performance and Web Typography - Video
• Tips for balancing web fonts & page load
• Loading Web Fonts Asynchronously