Blog

What are OpenType features and how do you enable them in CSS?

OpenType features are optional typographic behaviours built into a font file, such as ligatures, true small caps, different styles of numerals, a

Optical sizes are versions of a typeface designed for specific sizes of text, so that small type stays legible and large type stays refined. Desi

To choose the right paragraph spacing, start from your body line height and set the gap between paragraphs to roughly the same value, so with 16p

To prevent layout shift caused by web fonts, make the fallback font take up the same space as the web font, so nothing moves when one replaces th

The difference between px, em and rem is what each unit is measured against. A px value is an absolute CSS pixel and stays the same no matter w

Legibility is how easily a reader can recognise and distinguish individual characters, such as telling a capital I from a lowercase l or a `0