Learn how to select, setup & edit your typography styles within a design system!

Have you ever worked with text layers in Sketch and didn’t understand what was going on? I know I have. Out of frustration I decided to do…

Making the type on your blog beautiful with ease. Using Sass variables to calculate line heights, font sizes, margins and paddings. You create the amazing content and simply make it beautiful.

If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the init...

Set type as part of your content creation workflow, and your readers will be in for a treat. Check out these 3 ways to improve the readability of your content.

What does visual hierarchy mean in typography? Visual hierarchy matters in the case of typography more than anywhere else, because it has a critical influence on the design project in general. The reason for this is that visual hierarchy in...

Over 40 free typography resources—font identifiers, downloadable fonts, courses, and more.

This section examines each of the various Mac OS releases (Panther 10.3 through Sierra 10.12) and pr...

And how to turn into one

Italic The word we know as italic comes from Italikós, Greek for Italy, which is appropriate given the origins of italic typography. Italian scholar and humanist Niccolo de Niccoli produced what is co...

What happens in between each letter in a line of text? Enter kerning and tracking. Kerning is the ad...

Alignment, measure, and vertical rhythm of text all contribute to a more pleasant, enjoyable read. W...

The most usable designs have a distinct visual hierarchy. When a user lands on a website, opens an a...

Now that you have a deeper understanding of describing typefaces and choosing a font, it’s time to l...

Sure, the words of the greatest novels of all time are important, but they’d lack gravitas if they w...

Know how familiar you are with the most famous fonts.

Elementi di tipografia. L’arte della stampa al tempo del DTP. Cosa rimane della secolare tradizione della Stampa nell’era del Desktop Publishing? Ovviamente tutto è cambiato, tuttavia r…

Selecting an appropriate font for a project lies in the ability to understand more than what a font ...

How to use fonts: Typographic explorations from the designers at Hoefler & Co.

Compare differences between fonts

Type Terms. The animated typographic cheat sheet.

A new platform for open-source fonts in a noise-free environment, to highlight their beauty, extend functionality and encourage further exploration.

What to watch out for when mixing type

Good graphic design doesn’t happen by mistake, and neither does clever font marriage. Use this guide to font pairing to create your own beautiful designs.

Typewolf helps designers choose the perfect font combination for their next design project – features web fonts in the wild, font recommendations and learning resources.

«if you learn and fol­low these five ty­pog­ra­phy rules, you will be a bet­ter ty­pog­ra­pher than 95% of pro­fes­sional writ­ers and 70% of pro­fes­sional de­sign­ers. (The rest of this book will raise you to the 99th per­centile in both categories.)»