Archive for category Typography

Halos are Evil*

The general consensus among designers is that halos around text detract considerably from a design. The most common reason that map makers employ the halo technique is to provide added emphasis on text or to make the text legible on highly saturated and complex backgrounds.

However, when a halo—particularly of the “large and lumpy” type—is used, it subverts and obfuscates all the typeface designer’s original work. No longer does the spacing, shape, consistency, x height, vertical stress, apex form, incline, and counter size make sense. In short, it looks bad.

*As with any “rule”, this idea of halos looking bad is more nuanced than I’ve initially let on. Small halos, where the color of the halo matches the map’s background color, can be effective in allowing the text to be more separated from other intervening layers such as roads.

Let’s see this in action. Just to make things interesting, the example is of a very difficult situation involving a complex tree height LiDAR analysis, a riparian corridor, and a creek name label. There will be other cases that will be more simple than this, and in those, simply get rid of the halo or change the font’s size or color to achieve the kind of emphasis and contrast that you need.

Here’s the initial set-up with no halo. It is difficult to read:



To make the creek name stand out more, you might try a mega halo. This results in visual catastrophe:

Another option might be to make a smaller halo. Halos in Arc default to white. Most simply stick with the default, as in this example, which still doesn’t work:

Finally, a solution that does work. Changing the small halo color from white to the same green that makes up most of the color that is behind it, visually separates without drawing undue attention:

In some cases, a halo of this type won’t work if the map reader will be scrutinizing every pixel that lies near the text. In this example, the map reader might misinterpret the light green halo as representing more of the equally colored tree-height pixels, incorrectly thinking there is more of that tree-height category than there is. For a map meant to be read at close-range for visual analysis, such as this one, the light green halo is not the ideal solution. Other maps will not have this problem (for example, if the background was a solid ocean polygon). The solution for this map is to get rid of the halo completely and lighten the saturation of the tree-height layer.

Testing the Use of Openface Fonts for Large Area Labeling

There is a seminal paper by Eduard Imhof on the correct placement of point, line, and area labels titled Positioning Names on Maps. If you haven’t already read and studied this paper, then this is something to be put at the top of your list if you ever do label positioning.

One brief passage in the paper discusses the idea that spreading a label across a large area may create an unintended heaviness to the label. If your label has a large amount of character spacing and you do not want it to appear as though it is at the top of the labeling hierarchy, he suggests using an openface font. To test this idea, I’ve installed the free font called Cloister Open Face (available here). There aren’t a lot of openface fonts available and they are certainly not widely used.

Testing the font on an existing map yielded the following. Please note that this map shows rough boundaries of the axis and allied powers as they stood at the very beginning of World War II — they are not the current political boundaries. I’m using this map simply for illustrative purposes and because it happened to be at-hand this morning.

Original label in Garamond Bold

 

 Label changed to Cloister Open Face Regular

 

Indeed, it does certainly seem as though the open face font allows the type to be spread out across a large area without drawing as much attention to it as with a regular font. This does show that it is a technique that needs to be in your mental file. However, do realize that it is not a commonly seen technique. Much more common is to simply downgrade the font’s color from a bold black to, say, a medium gray. In the examples above, a medium gray produces a cool-on-warm “dizzy” effect so the following example only reduces the black by 20%. However, it still achieves a bit of a lightening of the weight when compared with the first, completely black, example.

 

Label changed from bold black to bold 80% gray

 

Relevant label-types for this technique include mountain ranges, national parks, and wilderness areas, to name a few. Remember, if you are working with a map that has a light background (i.e., not like the examples in this post), you may want to try a bold light-gray font color instead of an openface font. As always, experiment yourself and determine what is best for your particular map subject and style.

If you like this post, you might also like Type Tips II.

Avería Font

Looking for a new typeface to use in print or digital products? The Avería typeface might be just the ticket: it is friendly and easy on the eye. Yesterday @amandahstaub (with hat tip to @jesshartley) pointed out this fairly new typeface so I decided to try it out. It looks quite nice on its website here. But, would it look good on maps? To test this I downloaded and installed the regular flavor–there are many flavors including bold, italic, and even separate sans and serifs–and used it for all the labels on the test map (click for larger version):

The street labels are at 8pt and they don’t look very nice. The Irondale label did turn out pretty well though. From this admittedly brief testing I’d posit that the font looks best at 10-18pt sizes. Any smaller or larger and the ragged edges of the font make it look too rough. In large text-blocks at 10-18pt size, however, it does look quite nice as long as you are okay with an informal style, including extremely varied line weights:

Definitely check out the site, linked to above, to read the story behind how Avería was created. It is basically an amalgam of all the fonts that the designer (“iotic” is all I can get of his/her name) had: 725 for the main font, a different font count for the other flavors. You can read about the various hang-ups that were encountered along the way and the decisions that had to be made. Even if you aren’t much into typefaces, this is worth the read.

The font software is freely available for any type of use, including commercial. Note that it is also available as Avería Libre in Google Web Fonts.

Typographic Cartography

I don’t know much about the field of typographic cartography but its products seem to be made by graphic designers or artists rather than cartographers, for one thing, and often center themselves in London, for another thing. Why London? I have no clue.

Here are some examples, clicking on the pictures sends you to the source:

And we absolutely can’t leave out the amazing work of Axis Maps, a small portion of their Washington DC map shown here:

Type For Maps Movie Preview

Head over to the booklets page to see a complete preview of Type For Maps. I always wish I could flip through a book on-line like you can at the bookstore (of course, you can do this with some, but not all, books on Amazon) so I created a virtual flip-through for you. You can see each page at a glance this way to get a much better idea of what is in it. I really do believe this booklet is something every GIS professional and cartographer ought to have in their back pocket. Barring that, it would be good if every GIS professional and cartographer had it on their computer. :)

Those of you who have already bought it, it would be great if you could leave comments here so that others who are considering the purchase can make a more informed decision. Thank you so much.

Type For Maps E-Booklet Is Now Available

Type For Maps, my newest e-booklet is now completed and ready to help you choose a typeface for your next mapping project!

WHAT IT IS: 50 fonts showcased on 25 pages – two per page – in a way that makes it easy for you to flip through and select something you can use. There are 20 system fonts described and illustrated. By system font I mean fonts that you are likely to have on your PC. There are 20 free fonts described and illustrated. Free fonts can sometimes be of poor quality. The ones described in this booklet are great for mapping and of high quality. There are 10 for-fee fonts described and illustrated. Sometimes it is best to pay a little bit of money to get a very good font with a lot of options. Cartographers often need condensed fonts for creating teeny-tiny labels and/or typefaces that have a lot of varieties such as bold, italic, small caps, etc and these for-fee fonts fit the bill.

I want to give a huge THANK YOU to the two primary reviewers: Hans van der Maarel, of RedGeographics and Franςois Goulet, of FG Cartographix.

I do not have the website updated with the booklet information yet. Booklet Page For More Information and a Complete Preview. If you would like to purchase it right now please, by all means, do so! I want it out there in the world, helping GISers and cartographers RIGHT NOW! It is 38 pages total and costs $9.95. It is a pdf, 7.5 mb. Just click the Add To Cart button and it’ll take care of the purchase and automatically send you the file.
Add to Cart

A sample booklet page is shown here.

Edited to add some early praise for Type For Maps via twitter:

@geometrus
awesome as usual – will buy one in a moment! RT @petersongis: The Type For Maps E-Booklet is now available! http://bit.ly/gI3xNi

@aspectbusiness Sarah Palmer
Whoot .. got it! ‘Type for Maps’ an excellent compliment to ‘Colors for Maps’ … Very cool :)

@amandahstaub Amanda Taub
Yeah! It has finally arrived! RT @PetersonGIS: The Type For Maps E-Booklet is now available! http://bit.ly/gI3xNi

elliothartley Elliot Hartley
Needed some #GIS inspiration for a new project so purchased @PetersonGIS Color and Type for #Maps, looks good! http://ow.ly/4GZbt

Edited again to add praise via email:

Hello Gretchen,
It’s great to have access to a resource which has been put together by someone in the biz. Have also been putting your GIS Carto. book through it’s paces. Money well spent from my perspective! Just wanted to pass on a big Thank You! for making both references available for those of us in need of a bit of guidance\inspiration. A wonderful resource that I’m putting to use, immediately!
All the best,
Jamie Whitters

Thanks everyone! I welcome any/all feedback.