Web Quality - Readability

Correct use of fonts and colors can make your website more readable.

Pay attention to color contrast

For people with poor vision or for less than ideal display devices, black on white or white on black is the best.

Gray text on a light background has poor contrast:

Gray text on a light background

Gray text on a dark background has poor contrast:

Gray text on a dark background

Certain combinations - such as black and red, black and blue, yellow and green - can cause visual fatigue:

Color combinations that cause visual fatigue

These combinations are still quite good:

Good color combinations

Pay attention to the spacing of letters

For readers with weak vision, closer letter spacing can be quite difficult to read.

Text with moderate letter spacing is easier to read.

Pay attention to line spacing

Moderate line spacing is easy to read, whereas too small line spacing is difficult to read:

Avoid unusual fonts

The fonts used in this article are very suitable for reading.

But the following fonts are different:

Try to use italics as little as possible

Regular fonts are easy to read.Italic fonts are often difficult to read.