Typography Resources

Typography Resources

Typography Resources

Typography Resources

Typography Resources

WARNING! For maximum enjoyment, please read this on a desktop. Proceed only if one column browsing tickles your fancy. 
Because things are better digested in threes, here’s
an abridged list of typographic resources that have inspired my admiration for typography, its designers and its praxis in everyday life.

Because things are better digested in threes, here’s an abridged list of typographic resources that have inspired my admiration for typography, its designers and its praxis in everyday life.

Because things are better digested in threes, here’s an abridged list of typographic resources that have inspired my admiration for typography, its designers and its praxis in everyday life.

Because things are better digested in threes, here’s an abridged list of typographic resources that have inspired my admiration for typography, its designers and its praxis in everyday life.

Because things are better digested in threes, here’s an abridged list of typographic resources that have inspired my admiration for typography, its designers and its use in everyday life.

If you were to start in one place I’d recommend reading up with  Matej Latin, author of "Better Web Typography for a Better Web."
If you were to start in one place I’d recommend reading up with  Matej Latin, author of "Better Web Typography for a Better Web."
If you were to start in one place I’d recommend reading up with  Matej Latin, author of "Better Web Typography for a Better Web."
If you were to start in one place I’d recommend reading up with  Matej Latin, author of "Better Web Typography for a Better Web."
If you were to start in one place I’d recommend reading up with  Matej Latin, author of "Better Web Typography for a Better Web."

Books for your shelf

Books

Online e-books



Pick a Base Font

Find a Perfect Pair

This website was designed by combining two fonts: Ogg Roman. Inconsolata Regular.
This website was designed by combining two fonts: Ogg Roman. Inconsolata Regular.
This website was designed by combining two fonts: Ogg Roman. Inconsolata Regular.

 

Create Visual Hierarchy

Create Visual Hierarchy

Tired of Google Fonts?

 ✘ marks the spot.
My recommended starting point for exploring each category.
 ✘ marks the spot. My recommended starting point for  each category.
 ✘ marks the spot. My recommended starting point for exploring each category.

“Web design is 95% typography.” ―Oliver Reichenstein

“Web design is 95% typography.”
―Oliver Reichenstein

“Web design is 95% typography.”
―Oliver Reichenstein

“Web design is 95% typography.” ―Oliver Reichenstein

Typography First Design

Type First Design

Web Typography

Responsive Typography

Responsive Type

Font Loading

“The beauty of type lies in its utility; prettiness
without readability serves neither author nor reader.”
―James Felici

“The beauty of type lies in its utility; prettiness
without readability serves neither author nor reader.”―James Felici

“The beauty of type lies in its utility; prettiness without readability serves neither author nor reader.
―James Felici

“The beauty of type lies in its utility; prettiness without readability serves neither author nor reader.”
―James Felici

“The beauty of type lies in its utility; prettiness
without readability serves neither author nor reader.”
―James Felici

Documentaries

Youtube

Characters & Punctuation

“Type is a beautiful group of letters, not a group of beautiful letters.”

“Type is a beautiful group of letters, not a group of beautiful letters.”

“Type is a beautiful group of letters, not a group of beautiful letters.”
―Matthew Carter

―Matthew Carter

―Matthew Carter

 

OpenType

OpenType

 Still yearning for more? Knock yourself out to more below.

More Typography Resources

More Typography Resources

Github/awesome-lists

Miscellaneous Tools

Typography Glossary