<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Professional Geographer &#187; text</title>
	<atom:link href="http://drjill.net/tag/text/feed/" rel="self" type="application/rss+xml" />
	<link>http://drjill.net</link>
	<description>more than mere place names</description>
	<lastBuildDate>Wed, 28 Sep 2011 15:00:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Map Font Basics (Article 1): Typography</title>
		<link>http://drjill.net/2009/01/map-fonts-article-1-the-basics-of-typography-for-cartography/</link>
		<comments>http://drjill.net/2009/01/map-fonts-article-1-the-basics-of-typography-for-cartography/#comments</comments>
		<pubDate>Fri, 02 Jan 2009 19:05:00 +0000</pubDate>
		<dc:creator>drjill</dc:creator>
				<category><![CDATA[cartography]]></category>
		<category><![CDATA[drawing maps]]></category>
		<category><![CDATA[map fonts]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://drjill.net/?p=283</guid>
		<description><![CDATA[Typography is the art and]]></description>
			<content:encoded><![CDATA[<p><!--StartFragment--></p>
<div><span><a title="Typography Font Families" rel="lightbox[pics283]" href="http://drjill.net/wp-content/uploads/2009/01/typography-font-families.jpg"><img class="attachment wp-att-287 alignright" src="http://drjill.net/wp-content/uploads/2009/01/typography-font-families.thumbnail.jpg" alt="Font Families" width="200" height="110" /></a>Typography is the art and methods of arranging type, type design, and modifying type glyphs. </span></div>
<div><span>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.</span></div>
<h2><strong>Unaware Readers = Happy Maps</strong></h2>
<div>
<div><span>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.<span>  </span>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.</span></div>
<div><!--StartFragment--><span>Felix Arnold (2004) lists several ways in which cartography differs from traditional typography:</span> </div>
<div>
<p> </p>
<div>
<ul>
<li>On maps and plans, text competes with the graphics. In books and magazines, they normally work alongside one another.</li>
<li>Cannot be placed over backgrounds that share the same color as the letters.</li>
<li>Typically placed over many various types of backgrounds – which are usually dark – instead of a common white background</li>
<li>Small text can be difficult to read when placed over complex, textured backgrounds.</li>
<li>The eye reads text on a map letter-by-letter, instead of through word shapes.</li>
<li>Single lines of text often run across the page diagonally, or on a curve.</li>
<li>Type size and style changes quite a lot on maps.</li>
<li><span>Much map text is set in quite small point sizes.<a title="typography-legibility" rel="lightbox[pics283]" href="http://drjill.net/wp-content/uploads/2009/01/typography-legibility.jpg"><img class="attachment wp-att-310 alignright" src="http://drjill.net/wp-content/uploads/2009/01/typography-legibility.jpg" alt="" width="244" height="162" /></a><br />
</span></li>
</ul>
</div>
</div>
<h3><!--StartFragment--><span>Legibility of Type on Maps</span></h3>
<div>
<div><span>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 &#8220;Sublime&#8221; closely mimics the Leroy style. </p>
<p style="text-align: center;"><a title="Leroy Lettering System and Sublime Font" rel="lightbox[pics283]" href="http://drjill.net/wp-content/uploads/2009/01/typography-leroy.jpg"><img class="attachment wp-att-303 centered" src="http://drjill.net/wp-content/uploads/2009/01/typography-leroy-300x137.jpg" alt="" width="300" height="137" /></a></p>
<p> </p>
<p></span></div>
<div>(1) <span>Phillips, R. J., Noyes, L. and </span><span>Audley</span><span>, R. J. (1977). The legibility of type on maps. Ergonomics, 20, 671-682.</span></div>
<p><!--StartFragment--> <!--EndFragment--><!--EndFragment--></div>
<h2>Type Basics</h2>
<div><span> </p>
<p></span></div>
<h3><strong>Serifs<span style="font-weight: normal;"> </span></strong></h3>
<div>
<div><span>Serifs are semi-structural details on the ends of some of the strokes that make up letters and symbols (also known as Roman). </p>
<p style="text-align: center;"><a title="typography-serifs" rel="lightbox[pics283]" href="http://drjill.net/wp-content/uploads/2009/01/typography-serifs.jpg"><img class="attachment wp-att-304 centered" src="http://drjill.net/wp-content/uploads/2009/01/typography-serifs-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p> </p>
<p></span></div>
<h3><!--StartFragment--><span><strong>Sans-serif</strong></span></h3>
<p><!--StartFragment--></p>
<div><span>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. </p>
<p style="text-align: center;"><a title="typography-sans-serif" rel="lightbox[pics283]" href="http://drjill.net/wp-content/uploads/2009/01/typography-sans-serif.jpg"><img class="attachment wp-att-305 centered" src="http://drjill.net/wp-content/uploads/2009/01/typography-sans-serif-150x82.jpg" alt="" width="150" height="82" /></a></p>
<p> </p>
<p></span></div>
<h3><strong>Font Families</strong></h3>
<div>
<div><span>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.</span></div>
<h3><strong>Font Variants</strong></h3>
<div>
<p>The font variant specifies whether the text is to be rendered using a normal, bold, italic, or oblique face.</p>
<h3><!--StartFragment--><span><strong>Weight, Stretch, Size</strong></span></h3>
<p><!--StartFragment--></p>
<div><span>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.</span></div>
<p><!--EndFragment--></div>
<p><!--EndFragment--></div>
<p><!--EndFragment--></div>
</div>
<h2>How to Font</h2>
<p><span>Digital fonts are created using specialized software.  A basic understanding of how fonts are created can help the cartographer in their understanding of typography. <span>While font creation is beyond the scope of this lesson, an excellent tutorial is available from [Divide By Zero] Fonts and the <a href="http://fonts.tom7.com/">Tom 7 Institute of Computer Knowledge (TICK)</a>.  Divide By Zero is my favorite site for free and very fun fonts.</span></span></p>
<p style="text-align: center;"><a title="typography-fontographer" rel="lightbox[pics283]" href="http://drjill.net/wp-content/uploads/2009/01/typography-fontographer.jpg"><img class="attachment wp-att-306 centered" src="http://drjill.net/wp-content/uploads/2009/01/typography-fontographer.jpg" alt="" width="500" height="250" /></a></p>
<p style="text-align: center;"><a title="Divide by Zero: Tom's Fonts" rel="lightbox[pics283]" href="http://drjill.net/wp-content/uploads/2009/01/typography-tomsfonts.jpg"><img class="attachment wp-att-309 centered" src="http://drjill.net/wp-content/uploads/2009/01/typography-tomsfonts.jpg" alt="" width="276" height="472" /></a></p>
<p><!--StartFragment--> <!--EndFragment--></p>
<h2><strong>Map Font Selection</strong></h2>
<div>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 <a href="http://www.cartotalk.com/">CartoTalk forum</a>, the following were listed:</div>
<div><!--StartFragment-->   </p>
<div style="padding-left: 30px;"><span><span>•</span></span><span>Frutiger</span><span> with </span><span>Meridien</span><span> </span></div>
<div style="padding-left: 30px;"><span><span>•</span></span><span>Rotis</span><span> and </span><span>Univers</span><span> </span></div>
<div style="padding-left: 30px;"><span><span>•</span></span><span>Myriad (sans) and </span><span>Kepler</span><span> (serif) and/or Adobe Jensen (serif) (traditional look)</span></div>
<div style="padding-left: 30px;"><span><span>•</span></span><span>Nueva (serif) and </span><span>Tekton</span><span> (sans) (modern look)</span></div>
<p><!--EndFragment--></div>
<div><!--StartFragment--> </p>
<div>The following cartographic conventions should be considered in your font selection (Arnold, 2004):</div>
<div>
<ul>
<li>The typeface must be legible in small sizes</li>
<li>Typeface must also be slightly narrow, to avoid line lengths running too long</li>
<li>Different styles and weights of the typeface must be clearly differentiated from one another</li>
<li><span>Individual letters must also all appear different from one another, to help minimize </span><span>misreadings</span><span> and misunderstandings</span></li>
<li>Typeface must be able to form good word shapes, which will also directly increase legibility</li>
</ul>
</div>
<p><!--EndFragment--></div>
<div><strong><span style="font-weight: normal;"><a href="http://www.typebrewer.org/"><strong>TypeBrewer</strong></a><strong> is a highly recommended place to begin your selection of type for your map. </strong> In the TypeBrewer system, &#8220;Formal-B&#8221; and &#8220;Informal-B&#8221; are good choices if you are using pre-loaded system fonts.  &#8221;Formal B&#8221; 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.</span></strong></div>
<div>There are many sources of fonts available for free and for purchase via the web. Some designed specifically for cartography are: <span><a href="http://www.fontcraft.com/mapmaker/">www.fontcraft.com/mapmaker/</a> and </span><span><span><a href="http://www.linotype.com/2276/cisalpin.html">Cisalpin</a></span><span> (the “ideal typeface” for cartography). </p>
<p style="text-align: center;"><a title="typography-cisalpin1" rel="lightbox[pics283]" href="http://drjill.net/wp-content/uploads/2009/01/typography-cisalpin1.jpg"><img class="attachment wp-att-307 centered" src="http://drjill.net/wp-content/uploads/2009/01/typography-cisalpin1.jpg" alt="" width="455" height="387" /></a></p>
<p> </p>
<p></span></span></div>
<div>The following table presents the lettering conventions of a few cartography publishing houses (The Guild Handbook of Scientific Illustration, Second Edition): </p>
<p style="text-align: center;"><a title="typography-lettering-conventions" rel="lightbox[pics283]" href="http://drjill.net/wp-content/uploads/2009/01/typography-lettering-conventions.jpg"><img class="attachment wp-att-308 centered" src="http://drjill.net/wp-content/uploads/2009/01/typography-lettering-conventions.jpg" alt="" width="314" height="542" /></a></p>
</div>
<div>The next article in this series &#8220;Map Fonts&#8221; deals with the conventions of text placement in cartography.</div>
<p><!--StartFragment--> <!--EndFragment--><!--EndFragment--> <!--EndFragment--></p>
]]></content:encoded>
			<wfw:commentRss>http://drjill.net/2009/01/map-fonts-article-1-the-basics-of-typography-for-cartography/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

