https://www.fonts.com/promo/12-days-of-type-day-6?utm_source=tophat&utm_medium=promo&utm_campaign=12DOT_dec2023

Skip to main content

  • Facebook
  • Twitter
  • Email
  • Home
  • Learn About Fonts & Typography
  • Fontology
  • Practical Typography
  • Display Typography
  • Reverse Display Type
All

Fontology

 
Level 1
A Typographic Foundation:
 
Level 2
Practical Typography:
 
  • Text Typography
  • Display Typography
  • Web Typography
  • Making Type Choices
  • Type And Color
Level 3
Numbers, Signs and Symbols:
 
Level 4
Designers and Details:
 

GLOSSARY

  • A
  • B
  • C
  • D
  • E
  • F
  • G
  • H
  • I
  • J
  • K
  • L
  • M
  • N
  • O
  • P
  • Q
  • R
  • S
  • T
  • U
  • V
  • W
  • X
  • Y
  • Z

Reverse Display Type


Reversing type – that is, placing light or white type against a darker background – is a useful way to add emphasis as well as to help develop a strong typographic hierarchy. A reverse headline can provide an inviting, eye-catching point of entry, signaling the viewer to “look here” before moving on to the other elements.

Rules of Reversal

The goal when reversing type is to create interest and contrast without causing discord with other elements, or sacrificing legibility and readability. Here are the most important factors to consider:

Choosing a typeface: The appearance of type can become altered when reversed; therefore, select a typeface that will perform well under your chosen conditions. A sans serif or a serif design with sturdy serifs is well-suited to reversing. Avoid ultra thin type styles, very light serifs, extreme weight contrast, and small counters, all of which might be compromised when reversed.

Selecting the background: While reversing type out of a solid, dark background results in a consistent appearance, an irregular or vibrant background can make the type harder to read. This is especially problematic when type is reversed out of a busy image or pattern, bright colors, or variable values. Type reversed out of a more uniform pattern and color range will have the best results.

Tweaking the spacing: Light or white type on a dark background tends to look tighter than dark type on a light background. The degree to which this happens depends on several variables, including the typestyle, type size, length of copy, surface (if print), and medium. When this occurs, open up the tracking as necessary to maintain good spacing that does not appear too tight, maximizing readability.

Designing for the medium: The appearance of type is affected by its intended medium. For instance, the weight of printed type can change due to ink spread and dot gain, as well as the porosity of the surface it is printed on. Additionally, when type is rasterized for the Web or other digital media, resolution and color will vary, affecting the appearance of the type.

Bear all these factors in mind when reversing display type.

Download the Reverse Type article

Reverse Type
When reversing type, stay away from typefaces with ultra thin strokes or small counters, which might break up or fill in when reversed, and therefore compromise readability. (upper three settings)
Reverse Type
Make sure the background of any reverse type does not diminish the overall readability.
Swashes & Alternates
When type is set in reverse, it can look tighter than when set on a white or light background (upper). If this occurs (middle), open up the tracking to compensate for the optical “tightening” effect.

 


Ilene Strizver
  • Editor’s Note:Ilene Strizver, founder of The Type Studio, is a typographic consultant, designer and writer specializing in all aspects of typographic communication. She conducts Gourmet Typography workshops internationally. Read more about typography in her latest literary effort, Type Rules! The designer's guide to professional typography, 4th edition, published by Wiley & Sons, Inc. This article was commissioned and approved by Monotype Imaging Inc.