Web-quality readability

---

The correct use of fonts and colors can make your website easier to read.

---

Pay attention to the contrast of colors

For people with poor eyesight or for poor display devices, white text on a black background or black text on a white background is best.

Gray text on a white background (#EEEEEE)

Grey text on a white background (#CCCCCC)Grey text on a white background (#AAAAAA)Grey text on a white background (#888888)Grey text on a white background (#666666)Grey text on a white background (#444444)##Grey text on a white background (#222222)Grey text on a white background (#111111) Gray text on a black background ( #222222)Grey text on a black background (#444444)

Grey text on a black background (#666666)Grey text on a black background (#888888)Grey text on a black background (#AAAAAA)Grey text on a black background (#CCCCCC)Grey text on a black background (#DDDDDD)Black text on a red background

##Grey text on a black background (#EEEEEE)

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

Black text on a blue background

Yellow text on a green background

These combinations are not bad:

##Black text on a gray backgroundBlack text on a light blueBlack text on antique white##White text on dark blue
Pay attention to the spacing between letters

---

For Readers with weak vision will have considerable reading difficulties due to the close letter spacing.

Text with moderate spacing between words is easier to read.

Text with little spacing between characters is difficult to read.

Be careful with your line spacing

---

Following line spacing is easy to read

Text with good line spacingEasier to read

Following line spacing is difficult to read

Text with small line spacingHard to read

Avoid fancy fonts

---

This font is easy to read....

This kind The font is hard to read....

Use italics sparingly

---

Normal font is easy to read.

Italic fonts are not that easy to read.