Web typography is confusing. Do you know the best practices?

A typographic system that optimizes for guessability.

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…

Font files contain a wealth of information about a typeface. Whether you're a designer or a developer, learning more about how fonts work can open new doors in how you work and what you create.

Sans Forgetica is a typeface designed using the principles of cognitive psychology to help you to better remember your study notes.

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.

You can also drag image here, or copy and paste!

​Amstelvar is an exercise in variable weight, contrast, and proportions. Positive and negative forms can be manipulated as separate axes, as well as a large array of other variables. It is an experime...

You obviously know what I’m talking about

Rialto dF Piccolo RegularRialto dF Piccolo ItalicRialto dF Piccolo BoldRialto dF Piccolo Bold ItalicRialto dF Grande RegularRialto dF Grande Italicsize-+leading-+aAAbDetailsBuyRent Bea vita che ti fa S...

<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=233134277051176&ev=PageView&noscript=1" />

Why Jenson’s and Spira’s model has to be found in the ‘Paduan style’ rather than in the script of Poggio or other Florentine humanists

On a desktop, a text is the biggest part of the content. And as you know content is a king. But let’s be honest, fonts are not designed to…

Typecast is a free design tool for prototyping web type, web pages & RWD. Create visual & semantic designs. Check for readability & rendering. Hand over CSS & HTML.

Richard Rutter scrutinises the typographical proportions and spacing that gives a written page its rhythm. Help your page sing like the herald angels, and still have time for a mince pie and brandy.

As web designers, we sometimes may feel we’re on a relentless journey to bridge the gap between digital and traditional processes. Wilson Miner brings us one step closer by offering up a way to work w…

Typecast is a free design tool for prototyping web type, web pages & RWD. Create visual & semantic designs. Check for readability & rendering. Hand over CSS & HTML.

I wrote a fairly lengthy post previously on vertical rhythm. I considered adding a section on how to adjust font sizes whilst maintaining vertical rhythm. However, with the experience of seeing how…

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...

A selection of complimentary typography for your web projects.

OpenType is the standard font format of these days. But even 14 years after its introduction, many users don’t really know what the term OpenType implies and how it differs from other font formats. Ti...

Big Caslon is now a fully-featured OpenType family, simultaneously available as webfonts, in three weights (Regular, Bold, and Black). They each have italics, small caps, and plenty of striking altern...

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...