Track Typography Updates Daily

A collection of web typography resources

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 deanhume/typography · ⭐ 526 · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Jul 30, 2018

Web Fonts & Web Performance

• Tips for balancing web fonts & page load

Jul 05, 2018

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 -93 most popular premium fonts alternative google fonts

Web Fonts & Web Performance

• Using Web Fonts the Best Way (in 2015)

Tools

• Using Custom Fonts in Emails (⭐102)

Books

• Practical Typography

Font Combinations

• Beautiful Web Type

Talks

• Web Fonts are Rocket Science

• Video Screencast - Font Loading with Zach Leatherman

Jul 27, 2017

Articles

• 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

Jul 26, 2017

Articles

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

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

• Loading Web Fonts Asynchronously

Web Fonts & Web Performance

• Performance and Web Typography - Video

Font Combinations

• Mixfont

Jan 25, 2017

Books

• Combining Typefaces: Free guide to great typography

Font Combinations

• Google Font Combinations

Dec 14, 2016

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

Oct 10, 2016

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

Jul 18, 2016

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.

May 24, 2016

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

Mar 16, 2016

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

Dec 22, 2015

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.9k)

Books

• On Web Typography

Dec 02, 2015

Tools

• Typebase.css

Font Combinations

• Google Web Font inspiration in HTML & CSS

Sep 29, 2015

Articles

• 26 digital typography rules for beginners

Tools

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

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

Jul 21, 2015

Books

• The Elements of Typographic Style - Online Version

Font Combinations

• Sessions with Typography

May 26, 2015

Font Combinations

• 100 Days of Fonts

Mar 10, 2015

Articles

• Scale & Rhythm in Typography

• Typographic Scale

Mar 09, 2015

Articles

• The State of Web Type

Feb 18, 2015

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

Dec 22, 2014

Tools

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

Nov 19, 2014

Tools

• Web Font Loader

• Web Font Optimization

• Font Face and Performance

Font Combinations

• Google web fonts in action

• Top 5 Google Fonts

Nov 17, 2014

Articles

• A more modern scale for Web Typography