DEV 6.3 Avoid using images to display text

Recommendations

• If possible, always use text rather than images of text. Exceptions:
  • logos;
  • important special text effects;
  • important brand communications;
  • illustrations (such as in this document.)
• Avoid putting essential text within an image.
• Avoid putting large paragraphs of text within an image.
• Avoid using images of text for important navigation (menus, etc.)

Tip: Often the same visual effects can be produced using CSS to style text and background images.

Tip: Where text as images is used, check the clarity by magnifying the image. Sometimes minor adjustments to size or position can improve the fuzziness caused by anti-aliasing.

Examples