Articles

• 93 most popular premium fonts alternative google fonts

Web Fonts & Web Performance

• Font Aliasing, or How to Rename a Font in CSS

• Loading Web Fonts Asynchronously

• A Collection of Web Font Loading Recipes

• No @font-face Syntax will ever be Bulletproof, Nor Should It Be

• Performance and Web Typography

Tools

• Typographist — Modular scale calculator API with config validation

• Font Face Observer is a fast and simple web font loader

• MixFont A Modern Font Generator

• How to use custom fonts in emails (⭐132)

Web Fonts & Web Performance

• Tips for balancing web fonts & page load

Articles

• Bold or Italic

• Better web typography in 13 simple steps

• Choosing web fonts: 15 expert tips

• Animated Typographic Cheat Sheet

• Font-size: An Unexpectedly Complex CSS Property

Web Fonts & Web Performance

• Using Web Fonts the Best Way (in 2015)

Tools

• Using Custom Fonts in Emails (⭐132)

Books

• Practical Typography

Font Combinations

• Beautiful Web Type

Talks

• Web Fonts are Rocket Science

• Video Screencast - Font Loading with Zach Leatherman

Articles

• No @font-face Syntax will ever be Bulletproof, Nor Should It Be

• Font Aliasing, or how to rename a font in CSS

• Webfonts on the Prairie

• The Best Free Alternatives to the Most Popular Fonts

• A History of Typeface Styles & Type Classification

• Variable Fonts for Responsive Design

• Loading Web Fonts Asynchronously

Web Fonts & Web Performance

• Performance and Web Typography - Video

Font Combinations

• Mixfont

Books

• Combining Typefaces: Free guide to great typography

Font Combinations

• Google Font Combinations

Articles

• The Mathematical Symphony of Typography

• Viewport Based Typography

Tools

• The State of Web Type - Up-to-date data on support for type and typographic features on the web

Font Combinations

• Font Combinations

Articles

• The Future of Web Fonts

• Your Body Text Is Too Small

• Methods for Controlling Spacing in Web Typography

• Typography is impossible

Tools

• Type Rendering Mix

Articles

• Typography for User Interfaces

Books

• The Typography Handbook

Font Combinations

• Google Font Pairing Tool

Featured

• This site was featured on the Device Wall at Google I/O 2015.

Articles

• Truly Fluid Typography With vh And vw Units

Web Fonts & Web Performance

• Web Font Loading Patterns

Tools

• Google WebFonts Helper

Books

• The Elements of Typographic Style

Articles

• The New Web Typography

• Tools And Resources For A More Meaningful Web Typography

• The Good, The Bad And The Great Examples Of Web Typography

Web Fonts & Web Performance

• Controlling Font Performance with font-display

Articles

• Font Smoothing

• Dashes in Web Typography

• Typeface Mechanics

Web Fonts & Web Performance

• Lightning Fast Font Loading Techniques

• Font Loading Revisited with Font Events

• How we use web fonts responsibly, or, avoiding a @font-face-palm

Tools

• Preventing the Performance Hit from Custom Fonts

• brick.im (⭐2.8k)

Books

• On Web Typography

Tools

• Typebase.css

Font Combinations

• Google Web Font inspiration in HTML & CSS

Articles

• 26 digital typography rules for beginners

Tools

• Normalize-Opentype.css - Adds OpenType features—ligatures, kerning, and more—to Normalize.css. (⭐787)

• Type­set.js - A typographic pre-processor for your html which uses zero client-side JavaScript

Books

• The Elements of Typographic Style - Online Version

Font Combinations

• Sessions with Typography

Font Combinations

• 100 Days of Fonts

Articles

• The State of Web Type

• Scale & Rhythm in Typography

• Typographic Scale

Articles

• Web Fonts Performance: Making Pretty, Fast

Web Fonts & Web Performance

• Loading webfonts with high performance on responsive websites

• Better @font-face with Font Load Events

• Better webfont loading with using localStorage and providing WOFF2 support

Tools

• A simple plugin to keep font-size in proportion with it's containers size (⭐42)

Articles

• A more modern scale for Web Typography

Tools

• Web Font Loader

• Web Font Optimization

• Font Face and Performance

Font Combinations

• Google web fonts in action

• Top 5 Google Fonts