Blog

How to make typography accessible?

You make typography accessible by choosing clear typefaces, setting text in relative units so it scales with user preferences, giving it enough colou

A letterform is the shape of a single letter, and typographers break it down into named parts. The main ones are the stem (the main vertical

The baseline is the invisible line that letters sit on. Ascenders are the parts of lowercase letters that rise above the x-height, such as th

A baseline grid is a set of evenly spaced horizontal lines, usually one body line height apart, on which every line of text in a layout sits. Bod

For most websites the best base font size is 16px, which is also the default size every major browser uses for body text. It is large enough to r

The best fonts for body text on the web are typefaces designed for continuous reading on screens: they have a generous x-height, open letter shap