Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim.

I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.

Use thoughtful typography for accessible user interfaces by looking for font characteristics that support quick comprehension when choosing type for your design.

Choose Fonts, Set a Hierarchy, and Integrate with Components

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.