5 simple ways to improve typography
Enhance legibility and visual appeal on your website or app
Text makes up the majority of websites and applications. Its style often determines the success of a digital experience. This article provides 5 things to consider when approaching typography.
Identify the elements
The first step in improving typography is to identify each element. In this example, we are working with a headline, subheadline, byline, and two paragraphs. HTML tags could include an h1, h2, h6, and p.
Font Size
The key to improving typography is to differentiate each element. The most straight forward way of doing this is to alter text sizing.
Text width
Long text width is challenging to read because it puts a strain on the viewer’s eye and may lead them to lose their place. Decrease paragraph width until the eye naturally flows from line to line.
Line-height
Paragraphs with tight line-height create visual noise that decreases legibility. Subtle increases in line-height make content easier to read.
Font combinations
Combining typefaces differentiate elements and provide stylistic flair. But don’t use more than a couple or risk looking silly.
These examples are just the beginning of a long list of ways to improve typography.
Learn more about typography in my recent article:
