Skip to content

January 2, 2009

11

Map Font Basics (Article 1): Typography

Font FamiliesTypography is the art and methods of arranging type, type design, and modifying type glyphs. 
Type glyphs are created and modified using a variety of illustration techniques. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), letter-spacing (tracking), style, effects, and kerning.  In typography, kerning is the process of adjusting letter spacing in a proportional font. In a well-kerned font, the two-dimensional blank spaces between each pair of letters all have similar area.

Unaware Readers = Happy Maps

In traditional typography, text is composed to create a readable, coherent, and visually satisfying whole that works invisibly, without the awareness of the reader. Even distribution with a minimum of distractions and anomalies are aimed at producing clarity and transparency.  The goal is legibility and readability. Typography for Cartography can be more complex than traditional typography because of complex text placement and potential density of features, visual hierarchy, overall look and feel, the fact that text often represent features as symbols in their own right, and the interplay between text and other multi-layered map features such as symbols, background colors, and textures. However, the overall goal of legibility and readability remains the same.
Felix Arnold (2004) lists several ways in which cartography differs from traditional typography: 

 

  • On maps and plans, text competes with the graphics. In books and magazines, they normally work alongside one another.
  • Cannot be placed over backgrounds that share the same color as the letters.
  • Typically placed over many various types of backgrounds – which are usually dark – instead of a common white background
  • Small text can be difficult to read when placed over complex, textured backgrounds.
  • The eye reads text on a map letter-by-letter, instead of through word shapes.
  • Single lines of text often run across the page diagonally, or on a curve.
  • Type size and style changes quite a lot on maps.
  • Much map text is set in quite small point sizes.

Legibility of Type on Maps

Legibility is the quality of the typeface design and readability with the design of the printed page. Place names should be set in a typeface of normal weight in lower case with an initial capital. However, very difficult names need to be copied accurately, capitals are recommended(1).  As cartographic methods became more mechanical in the mid-20th century, the Leroy Lettering System was developed to help cartographers produce consistent, legible text. The Leroy type style is popular on maps of that era.  Today, the font “Sublime” closely mimics the Leroy style. 

 

(1) Phillips, R. J., Noyes, L. and Audley, R. J. (1977). The legibility of type on maps. Ergonomics, 20, 671-682.

Type Basics

 

Serifs 

Serifs are semi-structural details on the ends of some of the strokes that make up letters and symbols (also known as Roman). 

 

Sans-serif

A typeface without serifs is called sans-serif, from the French sans, meaning “without” (also known as Gothic). In traditional print, sans-serif fonts are more typically used for headlines than for body text. Sans-serif fonts have become the de facto standard for body text on-screen, especially online. 

 

Font Families

A font family is a group of fonts, designed to be used in combination and exhibiting similarities in design. One member of the family may be italic, another bold, another condensed or using small caps.

Font Variants

The font variant specifies whether the text is to be rendered using a normal, bold, italic, or oblique face.

Weight, Stretch, Size

The font weight refers to the boldness or lightness of the glyphs used to render the text. The font stretch indicates the desired amount of condensing or expansion in the glyphs used to render the text. The font size refers to the size of the font from baseline to baseline.

How to Font

Digital fonts are created using specialized software.  A basic understanding of how fonts are created can help the cartographer in their understanding of typography. While font creation is beyond the scope of this lesson, an excellent tutorial is available from [Divide By Zero] Fonts and the Tom 7 Institute of Computer Knowledge (TICK).  Divide By Zero is my favorite site for free and very fun fonts.

Map Font Selection

Cartographic convention says to pair a Sarif type family and a Sans-sarif type family on your map. Within each family different variants, sizes, and colors are applied.  Most professional cartographers have their favorite pairings.  For example, on the CartoTalk forum, the following were listed:
   

Frutiger with Meridien
Rotis and Univers
Myriad (sans) and Kepler (serif) and/or Adobe Jensen (serif) (traditional look)
Nueva (serif) and Tekton (sans) (modern look)

 

The following cartographic conventions should be considered in your font selection (Arnold, 2004):
  • The typeface must be legible in small sizes
  • Typeface must also be slightly narrow, to avoid line lengths running too long
  • Different styles and weights of the typeface must be clearly differentiated from one another
  • Individual letters must also all appear different from one another, to help minimize misreadings and misunderstandings
  • Typeface must be able to form good word shapes, which will also directly increase legibility

TypeBrewer is a highly recommended place to begin your selection of type for your map.  In the TypeBrewer system, “Formal-B” and “Informal-B” are good choices if you are using pre-loaded system fonts.  “Formal B” is a good choice for web fonts.  Other listed type schemes require that you obtain fonts from external sources. These provide excellent solutions for cartography, though they can sometimes be expensive.
There are many sources of fonts available for free and for purchase via the web. Some designed specifically for cartography are: www.fontcraft.com/mapmaker/ and Cisalpin (the “ideal typeface” for cartography). 

 

The following table presents the lettering conventions of a few cartography publishing houses (The Guild Handbook of Scientific Illustration, Second Edition): 

The next article in this series “Map Fonts” deals with the conventions of text placement in cartography.

11 Comments Post a comment
  1. Mike
    Jun 10 2009

    I usually need to place text over aerial photos for scientific reports and I need the clearest type with the most unambiguous letters and numbers. For example number 1 should always be distinct from small l and capital I should have serifs even if in a sans-serif font so that roman numerals look OK and to be different than small l. I also would love it if zeros were distinct from capital O. Usually I just use Tahoma/Verdana which are not particularly attractive but meet most of the criteria and are also widely distributed if I share a file without embedded fonts. Any other ideas? I’m looking forward to Ortelius and I hope that it will have the ability to place a halo around text to make it more readable. Typical Mac text dialog boxes only allow shadows, although I sometimes get around this by filling the text box with a translucent white that is almost as good as a halo (but usually is too large). Hopefully controls over transparency will be available in Ortelius.

  2. drjill
    Jun 10 2009

    Hi Mike, You’ve put your finger on a number of issues regarding font typeface selection. This graphic show a handful of nice fonts for use with mapping, looking at the trouble spots you’ve identified. The sequence is: one, lower case L, capital i, lower-case o, capital O, and zero.
    Trouble Text
    While there are some great fonts out there to choose from, these are fairly common system fonts. I think 1 and l are too close in Baskerville, and personally think Lucida Bright and Palatino work nicely for the purposes you’ve mentioned. For comparison I included Tahoma and Verdana. Ortelius can place halos and/or outlines around text to make it more readable. You can easily control the thickness of halos, as well as colors and transparency. Here is quick sample with b/w text.
    Masked text in Ortelius
    We are getting very close to the first release of the Ortelius Standard edition!

  3. Mike
    Jun 11 2009

    I like that Lucida series and for serifs for titles and such I particularly like Calisto, but I mostly use sans-serifs for map annotation and the Lucida Sans has those l I problems.

    Here’s another source for some free fonts designed for clarity: http://www.tiresias.org/fonts

    Another important factor is compactness, when trying to fit as much text as possible in an area and cover up as little of the map as possible. It’s nice when a typeface comes in a condensed version, though sometimes condensed fonts become unreadable in small sizes. Compactness often works against readability. It’s hard to find that balance. I guess one could also do manual kerning…

  4. Lucky Joestar
    Dec 20 2011

    I’ve always found those anomalous serifs added to capital “I” in sans serif typefaces, making it look like “?,” absolutely hideous in appearance, and I never use them in my own handwriting. For that reason, I despise such typefaces as Comic Sans and Verdana. A far better strategy, which I use in my own handwriting, is to twist the bottom of lowercase “L” to the right, as the Trebuchet font does. As for number “1,” most typefaces have that extra stroke at top left, so putting anomalous serifs on the bottom is really never necessary.

  5. Robin Lupinacci
    Apr 9 2012

    When using an ALL-CAPS, font is there any occasion to use lower-case letters?
    Specifically surnames such as McDonnell or MacArthur.
    Would they be McDONNELL and MacARTHUR or as I would advocate, MCDONNELL and MACARTHUR.
    Seems obvious to me , lower case doesn’t exist in an ALL-CAPS world.

  6. drjill
    Apr 9 2012

    Agreed. A big advantage of CAPS is also letter-spacing it across wide polygons (and you certainly wouldn’t want mixed caps in that scenario!).

    Anyone have examples to the contrary?

  7. Dec 10 2012

    Hi,

    Nice article.
    Just in case I’d like to point you one of the few cartographic fonts which have been created from scratch past years exclusively for readability in maps: Cisalpin! http://www.linotype.com/2276/cisalpin.html

    Yours, Stefan

Trackbacks & Pingbacks

  1. Side Postings from Mapdiva Blog
  2. Cartography Typography for Neophytes | MapSport CartographicMapSport Cartographic
  3. Type Only Cartography | Responsive Typography in Visualizations
  4. How do you choose what sort of "key" or legend to use on your map? (If any!)

Share your thoughts, post a comment.

(required)
(required)

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments