Do not use images of text

Do not use images of text to convey information. Images of text are not suitable for all the visitors. Often the font size in an image does not scale well. The visitors cannot also adjust the embedded text to their own style preferences.

Use ‘real’ text. Text that actually appears as text on the page can be styled with CSS. For example, this can be used to adjust the colour, font, font size, line height and letter spacing. It is also possible to place text on an image with CSS.

There are a few exceptions where an image of text may be used:

  1. It is not possible to achieve the same visual representation with HTML and CSS.
  2. The representation of the text in the image is essential to the information being conveyed.
  3. The image of text can be adjusted to the preferences of the visitor.