Web Typography Resources

Investigate tools and explore resources to continue your web typography education.

Web Typography Tools

Creating Font Stacks

CSS Font Stack

A great starting point for creating font stacks with web-safe fonts. It allows users to select and preview the HTML and CSS code for your font family.
CSSfontstack.com

Web Font Services

Google Fonts

A free directory of open-source, designer web fonts. Allows users to easily load webfonts into their site using CSS.
Fonts.google.com

Adobe Typekit

The largest embedding streaming service, providing a huge catalog of high-quality, simple-to-implement webfonts. Typekit is run through a monthly paid subscription for font streaming but is free to Creative Cloud members.
Typekit.com

Font Squirrel

Font Squirrel’s webfont generator lets users upload font files and convert them to other formats for use on the web. Users must own fonts and fonts must legally be eligible for web embedding, but a useful resource for creating your own kit. Font Squirrel even provides a @font-face kit to make implementing fonts easy.
FontSquirrel.com

Typotheque

Webfont service enables users to purchase and use custom fonts in their websites using the @font-face rule in CSS. Users simply copy the generated line of code and custom fonts will start working instantly in the browser.
Typotheque.com

MyFonts

A foundry that boasts high-quality web fonts and give usage freedom of web font files to users paying for a professional subscription.
MyFonts.com

Font Shop

Online resource for purchasing and implementing web fonts.
FontShop.com

Font Lab

Resource for editing and converting digital font families. Purchase the Transtype program to instantly convert font formats for Mac and Windows.
FontLab.com

Creating a Grid System

Grid Pack

A free tool for creating responsive Web Design grids. Lets users easily create their webpage grid and Gridpak generates the PNGs, CSS and JavaScript needed to embed it temporarily in your website.
Gridpak.com

Using Special Characters

W3Schools

A comprehensive list of HTML special characters to copy and use on the web
W3Schools.com

DeGraeve

A complete reference list of HTML special characters for use on the web
DeGraeve.com

Further Reading

Books and Print References

Mastering Type by Denise Bosler

From novice to expert, this guide is essential for typography in print and on the web. Bosler walks through type guidelines and teachings with simple step-by-step explanations.
MasteringType.com

The Fundamentals of Typography by Gavin Ambrose and Paul Harris

An introduction to the fundamentals of typographic theory and practice. Ambrose and Harris cover typographic history, principles, and the use of creative typography across a range of media.
The Fundamentals of Typography on Amazon.com

Web Typography: A Handbook for Graphic Designers by Viviana Cordova

A thorough and expansive guide covering everything from typography basics, to fundamental principles, to its usage and layout. Cordova guides readers through type’s aesthetic usage and its usage within programming languages.
Web Typography on Amazon.com

Type & Typography by Phil Baines and Andrew Haslam

Baines and Haslam present an overview of typography from the earliest Greek alphabets to modern times. An introductory guide to typographic usage and concepts.
Type and Typography on Amazon.com

The Elements of Typographic Style by Robert Bringhurst

A practical manual and reference to modern typography. Bringhurst explores an in-depth history of typography as well as technical details for its usage.
WebTypography.net

Responsive Typography by Jason Pamental

From graphic designers to front-end developers, this practical book is essential for learning font implementation on the web. Pamental examines typographic fundamentals, the evolution of type on the web, and provides useful coded examples for making typography responsive.
ResponsiveWebTypography.io

Typography Essentials by Ina Saltz

A comprehensive guide helps designers deepen typographic expertise. Saltz presents a practical, hands-on resource to explain complex issues surrounding the effective use of typography.
Typography Essentials on Amazon.com

On Web Typography by Jason Santa Maria

A clear and comprehensive look introductory look at using type on the web. Santa Maria shows how to evaluate typefaces, consider technical constraints, and create flexible typographic systems.
ABookApart.com

Online Resources

Websites and Articles

Thinking with Type

A critical guide for designers, writers, editors, and students. Thinking with Type is based on Ellen Lupton’s reference book by the same name and details elements of typography and its usage.
ThinkingwithType.com

Butterick’s Practical Typography

Practical Typography is Matthew Butterick’s online book detailing the basics of typography and why it matters. Covers everything from the composition of typography to text formatting and font recommendations.
PracticalTypography.com

I Love Typography

A popular font and typography blog run by John Boardley. I Love Typography covers a breadth of typographic topics and articles from font news to type history and book reviews.
ILoveTypography.com

Fontology on Fonts.com

Beginner’s guide with articles covering topics from typographic foundations to practical typography. A comprehensive glossary of terms fully details typographic terms and elements.
Fonts.com

Technical Web Typography Guidelines and Techniques

Smashing Magazine’s Harry Roberts presents a detailed article on creative and technical typography. Roberts examines everything from choosing font faces to proper use of special characters and code samples for implementing a grid system.
SmashingMagazine.com

A Pocket Guide to Combining Typefaces

Comprehensive yet simple guide to combining typefaces by Tim Brown. Examines type anatomy, typographic context, and gives thorough instruction on combining typefaces.
Typekit/combiningtypefaces