<?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>michalisavraam.org blog &#187; typeface</title>
	<atom:link href="http://michalisavraam.org/tag/typeface/feed/" rel="self" type="application/rss+xml" />
	<link>http://michalisavraam.org</link>
	<description>a spatial web presence</description>
	<lastBuildDate>Mon, 24 May 2010 17:17:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Cartographic Typefaces: Some examples</title>
		<link>http://michalisavraam.org/2009/07/cartographic-typefaces-some-examples/</link>
		<comments>http://michalisavraam.org/2009/07/cartographic-typefaces-some-examples/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 01:50:19 +0000</pubDate>
		<dc:creator>Michalis Avraam</dc:creator>
				<category><![CDATA[GIS* Points]]></category>
		<category><![CDATA[cartography]]></category>
		<category><![CDATA[cisalpin]]></category>
		<category><![CDATA[fedra sans]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[legibility]]></category>
		<category><![CDATA[optima]]></category>
		<category><![CDATA[readability]]></category>
		<category><![CDATA[typeface]]></category>

		<guid isPermaLink="false">http://michalisavraam.org/?p=64</guid>
		<description><![CDATA[I have talked about cartography and typefaces in a previous post, but never actually provided any examples of those typefaces. I believe this would be a nice time to do so now. Cisalpin™: The ideal typeface for cartography by Felix Arnold, 2004 This typeface looks beautiful in small sizes and is narrow, making it easy [...]


Related posts:<ol><li><a href='http://michalisavraam.org/2009/05/readability-vs-legibility/' rel='bookmark' title='Permanent Link: Readability vs. Legibility'>Readability vs. Legibility</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I have talked about cartography and typefaces in a previous post, but never actually provided any examples of those typefaces. I believe this would be a nice time to do so now.</p>
<p><span id="more-64"></span></p>
<p><strong><a href="http://www.linotype.com/2276/cisalpin.html">Cisalpin™</a>:</strong> The ideal typeface for cartography<br />
by <strong><a href="http://www.linotype.com/2250/felixarnold.html">Felix Arnold</a>, </strong>2004</p>
<p>This typeface looks beautiful in small sizes and is narrow, making it easy to fit in the tight spaces of maps. The image below can attest to that clearly.</p>
<div id="attachment_68" class="wp-caption aligncenter" style="width: 577px"><strong><strong><a href="http://www.geowarn.org/maps/bathymetry/bathymerty_and_faults.html"><img class="size-full wp-image-68" title="Sample usage of Cisalpin fonts" src="http://michalisavraam.org/wp-content/uploads/2009/07/cisalpinSample1.jpg" alt="Sample usage of Cisalpin fonts" width="567" height="343" /></a></strong></strong><p class="wp-caption-text">Sample usage of Cisalpin fonts</p></div>
<p><strong><a href="http://www.linotype.com/1305/optima-family.html">Optima Font Family®</a></strong><br />
by <a href="http://www.linotype.com/en/1494/thelifestoryofhermannzapf.html"><strong>Hermann Zapf</strong></a></p>
<p>A Roman type typeface lacking serifs, Optima is inspired by traditional typefaces from 1530 that the author witnessed in Florence. Very clear and elegant in multiple sizes. Sample below:</p>
<div id="attachment_71" class="wp-caption aligncenter" style="width: 312px"><img class="size-full wp-image-71" title="Optima Typeface Sample" src="http://michalisavraam.org/wp-content/uploads/2009/07/Picture-2.png" alt="Optima Typeface Sample" width="302" height="94" /><p class="wp-caption-text">Optima Typeface Sample</p></div>
<p><strong><a href="http://www.typotheque.com/fonts/fedra_sans">Fedra Sans</a></strong><br />
by <strong><a href="http://www.typotheque.com/authors/peter_bilak">Peter Bil&#8217;ak</a></strong></p>
<p>A modern design attempting to work equally well on a computer screen and in print. Features excellent international character sets and multiple symbols. Sample coming soon.</p>
Note: There is a rating embedded within this post, please visit this post to rate it.


<p>Related posts:<ol><li><a href='http://michalisavraam.org/2009/05/readability-vs-legibility/' rel='bookmark' title='Permanent Link: Readability vs. Legibility'>Readability vs. Legibility</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://michalisavraam.org/2009/07/cartographic-typefaces-some-examples/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Readability vs. Legibility</title>
		<link>http://michalisavraam.org/2009/05/readability-vs-legibility/</link>
		<comments>http://michalisavraam.org/2009/05/readability-vs-legibility/#comments</comments>
		<pubDate>Wed, 06 May 2009 22:47:50 +0000</pubDate>
		<dc:creator>Michalis Avraam</dc:creator>
				<category><![CDATA[GIS* Points]]></category>
		<category><![CDATA[cartography]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[legibility]]></category>
		<category><![CDATA[mapping]]></category>
		<category><![CDATA[maps]]></category>
		<category><![CDATA[readability]]></category>
		<category><![CDATA[typeface]]></category>

		<guid isPermaLink="false">http://michalisavraam.org/teaching/39-cartography/53-readability-vs-legibility</guid>
		<description><![CDATA[A problem students often have when discussing typography related to cartography is the issue of readability vs. legibility. While this is not an attempt to cover the relevant literature, I do intent to provide examples to enable people to distinguish between the two. Legibility can be defined as the ability a human reader to read [...]


Related posts:<ol><li><a href='http://michalisavraam.org/2009/07/cartographic-typefaces-some-examples/' rel='bookmark' title='Permanent Link: Cartographic Typefaces: Some examples'>Cartographic Typefaces: Some examples</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>A problem students often have when discussing typography related to cartography is the issue of readability vs. legibility. While this is not an attempt to cover the relevant literature, I do intent to provide examples to enable people to distinguish between the two.<span id="more-24"></span></p>
<p><strong>Legibility</strong> can be defined as the ability a human reader to read something without effort. It can depend on many things. Often, the size of font chosen restricts legibility. For our purposes though, legibility is discussed in light of typeface choice.</p>
<p><strong>Readability</strong> can be defined not on a letter by letter basis, but how he combination of letter are read within a larger body of text. In other words, readability is defined by the amount of effort one needs to make to read text, not single characters.</p>
<p>This may seem confusing at first, but looking an example of text below may help:</p>
<p align="center"><img class="aligncenter size-full wp-image-50" title="readlegible" src="http://michalisavraam.org/wp-content/uploads/2009/05/readlegible.png" alt="readlegible" width="531" height="141" /></p>
<p>The above text is exactly the same in both cases, yet if one tries to read it, one finds some differences.The one on the left is a serif font (Times New Roman), while the one on the right is sans-serif (Helvetica). When reaching the end of each line, from my experience at least, it is easier to identify the correct next line in the text on the left. The one on the right creates some problems to read the line, even though letters are easier to understand. On the left we have what is called readable type, while on the right we have a legible type.</p>
<p>The use of lettering (and hence typography, legibility and readability) appears in many parts of a map: title, legend, labels and any other explanatory text (credits, projections, etc). Below are 4 examples from the major web mapping applications out there: <a title="Google Maps" href="http://maps.google.com/">Google Maps</a>, <a title="MapQuest" href="http://www.mapquest.com/">MapQuest</a>, <a title="Microsoft Live Search Maps" href="http://maps.live.com/">Microsoft Live Search Maps</a> and <a title="Yahoo! Maps" href="http://maps.yahoo.com/">Yahoo! Maps</a>. All four zoom in on a location on the University of Washington campus, showcasing labels for street features.</p>
<table border="0" cellspacing="2" cellpadding="2" align="center">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-51" title="googlemapstypography" src="http://michalisavraam.org/wp-content/uploads/2009/05/googlemapstypography.png" alt="googlemapstypography" width="220" height="270" /></td>
<td><img class="aligncenter size-full wp-image-52" title="mslivetypography" src="http://michalisavraam.org/wp-content/uploads/2009/05/mslivetypography.png" alt="mslivetypography" width="245" height="241" /></td>
</tr>
<tr>
<td><img class="aligncenter size-full wp-image-53" title="mapquesttypography" src="http://michalisavraam.org/wp-content/uploads/2009/05/mapquesttypography.png" alt="mapquesttypography" width="288" height="248" /></td>
<td><img class="aligncenter size-full wp-image-54" title="yahootypography" src="http://michalisavraam.org/wp-content/uploads/2009/05/yahootypography.png" alt="yahootypography" width="302" height="245" /></td>
</tr>
</tbody>
</table>
<p>Which one is the best typographically is left to the reader. What is of note here though is that all labels, no matter what web mapping application you may use, come in only sans-serif fonts, encouraging legibility over readability. Labels not only need to provide a quick and easy way for us to identify specific features, but they also do not always follow traditional text in being horizontal. What is of note as well is the fact that the lettering is always pushed to fit within the width of the road features (not always successfully it seems). What most people note though is that labels of features tend to use non-serif fonts that allow readers to easily recognize names (as the purpose of labels is to quickly identify features by their name).</p>
<p>This can also be seen in the following two examples, even though they are much older and I focused on the title mostly. Here, the two maps are of Seattle, Washington, circa 1970 (<a title="UTexas Library: Full size map" href="http://www.lib.utexas.edu/maps/world_cities/seattle.jpg">USGS map</a>) an 1917 (<a title="UTexas Map Library: Full size map" href="http://www.lib.utexas.edu/maps/historical/seattle_wash_1917.jpg">Automobile Blue Book, Volume 8 Section 2</a>), both from the excellent <a title="Perry-Castaneda Library Map Collection" href="http://www.lib.utexas.edu/maps/">Perry-Castañeda Library Map Collection at the University of Texas</a>.</p>
<p><img class="aligncenter size-full wp-image-57" title="seattle_wash_1970" src="http://michalisavraam.org/wp-content/uploads/2009/05/seattle_wash_1970.jpg" alt="seattle_wash_1970" width="567" height="480" /></p>
<p>The above map is the USGS map for Seattle, Washington. The extracted version is of the southwestern most part of the map, to show the title and scale. Notice the map title is using a sans-serif font, as well as the scale and place names, like cities or airports. Serif fonts are used only in the names of islands and water features, like the Puget Sound or Fox Island. There is a mix of both types of typefaces that make distinctions that help the reader identify information.</p>
<p><img class="aligncenter size-full wp-image-58" title="seattle_wash_1917" src="http://michalisavraam.org/wp-content/uploads/2009/05/seattle_wash_1917.jpg" alt="seattle_wash_1917" width="444" height="437" /></p>
<p>The map above is the 1918 map of Seattle, WA cropped again to the southwestern most portion of the map to include the title and scale. Note that the title this time is serif along with other place names, while the street name and scale are using a sans-serif font. Again, a combination of the two that provides a visual hierarchy to the map reader that helps discern information faster and easier.</p>
<p>What sort of advice can I therefore give to a cartography student in regard to typography? Not much really. If we remember that cartography is an attempt to convey certain messages through visual hierarchies, then one needs to remember that sans-serif typefaces are more legible and therefore easier for spot reading, while serif typefaces are more readable and easier to read when one has long texts. As any cartographer knows though, a 72 points serif font on the map will be more legible than a 12 points sans-serif font, so when you choose your font, choose wisely: what typeface should you use, at which size and what weight, not independently from the rest of the lettering of your map. All lettering is related, and all together provide your visual hierarchy.</p>
<h5>Online Resources</h5>
<p><a title="Cicalpin Font: Designed for Cartographic Adventures" href="http://www.linotype.com/2276/cisalpin.html">Cisalpin Typeface: Designed for Cartographic Usages</a><br />
<a title="Optima Typeface: often used in cartography" href="http://www.linotype.com/1305/optima-family.html">An often-used typeface in Cartography: Optima</a><br />
<a title="Fedra Sans typeface: Modern, multiple variations" href="http://www.typotheque.com/fonts/fedra_sans">Fedra Sans: A modern typeface with multiple variations</a><br />
<a title="TypoPhile Forum Discussion on Cartographic Typefaces" href="http://typophile.com/node/30747">A Typophile Discussion Thread about Cartographic Typefaces </a></p>
Note: There is a rating embedded within this post, please visit this post to rate it.


<p>Related posts:<ol><li><a href='http://michalisavraam.org/2009/07/cartographic-typefaces-some-examples/' rel='bookmark' title='Permanent Link: Cartographic Typefaces: Some examples'>Cartographic Typefaces: Some examples</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://michalisavraam.org/2009/05/readability-vs-legibility/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
