<?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>Free Graphic Design Tutorials and Articles &#187; typography</title>
	<atom:link href="http://designtypegeek.com/category/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://designtypegeek.com</link>
	<description>Tutorials, articles and posts on type, web and design.</description>
	<lastBuildDate>Mon, 19 Dec 2011 20:27:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=387</generator>
		<item>
		<title>Word .docx vs PDF font comparison</title>
		<link>http://designtypegeek.com/2011/10/word-docx-vs-pdf-font-comparison/</link>
		<comments>http://designtypegeek.com/2011/10/word-docx-vs-pdf-font-comparison/#comments</comments>
		<pubDate>Wed, 19 Oct 2011 01:20:11 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[theory]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[word 2007]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=304</guid>
		<description><![CDATA[The folks over at LinoType.com have just graciously released two excellent typefaces and made them available for free to celebrate the re-launch of their website. The site has a few stylistic changes and all in all browsing is a pleasant experience, though I can&#8217;t exactly say I&#8217;m a long term lurker on their site. They [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>The folks over at <a href="http://www.linotype.com">LinoType.com</a> have just graciously released two excellent typefaces and made them available for free to celebrate the re-launch of their website. The site has a few stylistic changes and all in all browsing is a pleasant experience, though I can&#8217;t exactly say I&#8217;m a long term lurker on their site.</p>
<p>They have made available a 5-computer license for two fonts that go well together &#8211; Trump Mediaeval Italic as a heading font and Neuzeit Office as a body font.</p>
<p>I tried them out in Word 2007, but I haven&#8217;t tried them out in any other graphics software yet. Also available is a web font version which I also haven&#8217;t tried. I put together a little sample and was going to see how it rendered as a PDF (from Word) when I noticed quite a difference:</p>
<p><a href="http://designtypegeek.com/wp-content/uploads/2011/10/linotype-font-comparison.png"><img class="aligncenter size-full wp-image-305" title="linotype font comparison" src="http://designtypegeek.com/wp-content/uploads/2011/10/linotype-font-comparison.png" alt="Left is a screenshot from Word 2007 under Windows 7. On the right is the same document saved as a PDF using Standard optimization." width="657" height="248" /></a>On the left is the document in Word 2007. On the right is the exact same file converted to a PDF using Standard optimization. The difference in weight may only be an optical illusion, but the difference in size is quite noticeable. Since this is a screenshot of the document it may not appear as crisp as it does when viewed in Word (I&#8217;ve always wondered about that&#8230; I guess printing is the only way to tell for sure) but I did find Neuzeit Office to be extremely clear and crisp.</p>
<p>Do you know about the difference in rendering between Word and its PDF generator? Are you able to duplicate results like this? Leave me a comment below and tell me how you did it.</p>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2011/10/word-docx-vs-pdf-font-comparison/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Why I choose Papyrus plus some Free Fonts</title>
		<link>http://designtypegeek.com/2010/11/why-i-choose-papyrus-free-fonts/</link>
		<comments>http://designtypegeek.com/2010/11/why-i-choose-papyrus-free-fonts/#comments</comments>
		<pubDate>Mon, 15 Nov 2010 21:17:26 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[creative process]]></category>
		<category><![CDATA[free stock photo photography design inspiration]]></category>
		<category><![CDATA[theory]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=214</guid>
		<description><![CDATA[A lot of people give the font called Papyrus flack. Designers for the most part call it a horrible font and it should never be used. It made a “big” impact on the design world when the movie Avatar used a similar font in its credits. I say big in smart quotes because hey! we&#8217;re [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><span class="dropcap">A</span> lot of people give the font called <a onmouseover="window.status='http://www.fonts.com';return true;" onmouseout="window.status=' ';return true;" href="&lt;a href=" target="_top">Papyrus</a><img src="http://www.awltovhc.com/ab107kpthnl6B7DC9976CEDC789" border="0" alt="" width="1" height="1" /> flack. Designers for the most part call it a <a href="http://www.papyruswatch.com/">horrible font</a> and it should never be used. It made a “big” impact on the design world when the movie <a href="http://www.amazon.com/gp/product/B0044XV3QY?ie=UTF8&amp;tag=typegeek-20" rel="nofollow">Avatar</a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.com/e/ir?t=typegeek-20&amp;l=as2&amp;o=1&amp;a=B0044XV3QY" border="0" alt="" width="1" height="1" /> used <a href="http://prttyshttydesign.blogspot.com/2010/01/open-letter-to-james-cameron-from.html">a similar font in its credits</a>. I say big in <a href="http://designtypegeek.com/2009/07/smart-quotes-in-word-and-html/">smart quotes</a> because hey! we&#8217;re just talking about designers here!</p>
<p>Here is a design secret to help you reach ordinary people, not designers: Most non-design people love <a onmouseover="window.status='http://www.fonts.com';return true;" onmouseout="window.status=' ';return true;" href="&lt;a href=" target="_top">Papyrus</a><img src="http://www.awltovhc.com/ab107kpthnl6B7DC9976CEDC789" border="0" alt="" width="1" height="1" />.</p>
<p>That is why I chose to use Papyrus as the title font for a new site I&#8217;m working on that helps people use <a href="http://martialartsforhealth.info">martial arts for health</a>.</p>
<p>The Papyrus font provides a feeling that is a bit ancient, a bit wise and is good for things that are supposed to be old. This feeling can be enhanced by antiquing the font or grunging it up a little bit. This is the kind of feeling I want.</p>
<p style="text-align: center;"><a href="http://www.lynda.com/home/otl.aspx?utm_medium=affiliate&amp;utm_source=ldc_affiliate&amp;utm_content=43&amp;utm_campaign=CD1943&amp;bid=43&amp;aid=CD1943&amp;dp=4406&amp;opt="><img class="aligncenter" src="http://affiliates.lynda.com/42/1943/43/&amp;dp=4406" border="0" alt="Want more from your software? Learn new skills." /></a></p>
<p>Another possible font could be ITC Kick, which you can get for a limited time as a free font when you place an order at Fonts.com</p>
<p style="text-align: center;"><a onmouseover="window.status='http://www.fonts.com';return true;" onmouseout="window.status=' ';return true;" href="http://www.kqzyfj.com/click-4065220-6210247?sid=dtg-papyrus-content" target="_top"><br />
<img class="aligncenter" src="http://www.awltovhc.com/image-4065220-6210247" border="0" alt="Free Font" width="234" height="60" /></a></p>
<p>Or another consideration would be a free font like <a href="http://www.dafont.com/chinese-takeaway.font">Chinese Takeaway</a>:</p>
<p><img class="aligncenter size-full wp-image-256" title="chinese takeaway font sample 24 point" src="http://designtypegeek.com/wp-content/uploads/2010/11/chinese-takeaway-font-sample-24-point.png" alt="Chinese Takeaway 24point Free Font" width="550" height="59" />Those last two have a more playful or perhaps even insulting overtone to them. Be very careful when you choose which fonts to use because each font has a specific message.</p>
<p>And so, that is why I choose <a onmouseover="window.status='http://www.fonts.com';return true;" onmouseout="window.status=' ';return true;" href="&lt;a href=" target="_top">Papyrus</a><img src="http://www.awltovhc.com/ab107kpthnl6B7DC9976CEDC789" border="0" alt="" width="1" height="1" />. If you visit my <a href="http://martialartsforhealth.info">martial arts</a> site and don&#8217;t see the banner in Papyrus, it is because I spent too much time writing about it here and not actually doing the banner <img src='http://designtypegeek.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>If you want to find a good font for real Chinese characters, get a good collection of traditional Chinese character fonts <a onmouseover="window.status='http://www.fonts.com';return true;" onmouseout="window.status=' ';return true;" href="http://www.tkqlhce.com/da74ox52x4KPLRQNNLKQSRQLMN?sid=dtg-chinese-font&amp;url=http%3A%2F%2Fwww.fonts.com%2FFindFonts%2FDetail.htm%3Fpid%3D4337908%26%2Fcgi-bin%2FMsmGo.exe%3Fgrab_id%3D0%26page_id%3D5535%26query%3D%2522CHINESE%2522%26SCOPE%3DFonts" target="_blank">here</a><img src="http://www.lduhtrp.net/a866xjnbhf0517633106876123" border="0" alt="" width="1" height="1" />. If you are really stuck, Linotype offers you high-quality fonts in all formats. Explore, shop, and download our collection. <a onmouseover="window.status='http://www.linotype.com';return true;" onmouseout="window.status=' ';return true;" href="http://www.dpbolvw.net/click-4065220-10532874?sid=dtg-papyrus-article" target="_blank">Find your fonts</a><img src="http://www.lduhtrp.net/image-4065220-10532874" border="0" alt="" width="1" height="1" /></p>
<p><iframe src="http://rcm.amazon.com/e/cm?lt1=_blank&#038;bc1=000000&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=typegeek-20&#038;o=1&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;md=10FE9736YVPPT7A0FBG2&#038;asins=B0044XV3QY" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2010/11/why-i-choose-papyrus-free-fonts/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Typography Design Resources</title>
		<link>http://designtypegeek.com/2010/09/typography-design-resources/</link>
		<comments>http://designtypegeek.com/2010/09/typography-design-resources/#comments</comments>
		<pubDate>Sun, 05 Sep 2010 01:19:21 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[font]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=185</guid>
		<description><![CDATA[Yes, I am a Typegeek, but I don&#8217;t know near as much about type and typography as I&#8217;d like. That&#8217;s why I&#8217;m glad David Airey pointed out this reference to Font Shop&#8217;s Education resources. There is a wealth of information at Font Shop&#8217;s Education site, in fact about 72 pages worth of typographic goodies and [...]]]></description>
			<content:encoded><![CDATA[<p></p><p style="text-align: center;"><a href="http://designtypegeek.com/wp-content/uploads/2010/09/ILoveType1.png"><img class="size-full wp-image-189 aligncenter" title="ILoveTypeCropped" src="http://designtypegeek.com/wp-content/uploads/2010/09/ILoveType1.png" alt="A logotext of &quot;I Love Type&quot; with a big red heart, inside a square talk bubble." width="289" height="241" /></a></p>
<p><span class="dropcap">Y</span>es, I am a <a href="http://www.twitter.com/typegeek">Typegeek</a>, but I don&#8217;t know near as much about type and typography as I&#8217;d like. That&#8217;s why I&#8217;m glad <a href="http://www.davidairey.com/typography-field-guide/">David Airey</a> pointed out this reference to Font Shop&#8217;s Education resources.</p>
<div><a href="http://www.lynda.com/landing/adobetutorials.aspx?utm_medium=affiliate&amp;utm_source=ldc_affiliate&amp;utm_content=563&amp;utm_campaign=CD1943&amp;bid=563&amp;aid=CD1943&amp;opt="></a></div>
<p style="text-align: center;"><img src="http://affiliates.lynda.com/42/1943/563/" border="0" alt="InDesign tutorials" /></p>
<p><span class="dropcap">T</span>here is a wealth of information at <a href="http://www.fontshop.com/education/">Font Shop&#8217;s Education site</a>, in fact about 72 pages worth of typographic goodies and information, broken down into sizable bits. The largest e-book (they are all .pdf files) is <em>Meet Your Type: A Field Guide To Typography</em> weighing in at 52 pages.</p>
<p>The other booklets are easier to handle at 9 pages or 2 pages. I think I&#8217;ve found my bedtime reading tonight! It&#8217;s a great way to learn about fonts and typography used in graphic design.</p>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2010/09/typography-design-resources/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Simple T-Shirt Designs</title>
		<link>http://designtypegeek.com/2010/08/simple-t-shirt-designs/</link>
		<comments>http://designtypegeek.com/2010/08/simple-t-shirt-designs/#comments</comments>
		<pubDate>Sat, 28 Aug 2010 03:31:40 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[personal]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=177</guid>
		<description><![CDATA[For years I&#8217;ve wanted to design a t-shirt. Actually, I have already designed a t-shirt, and it was worn by over 1000 first year students at my university during my 4th year of a 3 year degree (it actually took me 5 to finish, but that&#8217;s another story). So over the years I&#8217;ve come up [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>For years I&#8217;ve wanted to design a t-shirt. Actually, I have already designed a t-shirt, and it was worn by over 1000 first year students at my university during my 4th year of a 3 year degree (it actually took me 5 to finish, but that&#8217;s another story).</p>
<div style="text-align: center;"><a href="http://www.lynda.com/promo/trial/Default.aspx?lpk35=930&amp;utm_medium=affiliate&amp;utm_source=ldc_affiliate&amp;utm_content=680&amp;utm_campaign=CD1943&amp;bid=680&amp;aid=CD1943&amp;opt="><img src="http://affiliates.lynda.com/42/1943/680/" border="0" alt="468x60 24 hour free pass" /></a></div>
<p>So over the years I&#8217;ve come up with a few ideas but haven&#8217;t committed them to pixels yet. So in <a href="http://www.davidairey.com/">David Airey</a> fashion, here are a few designs I finally chose to put together. Tell me what you think, and if you hang out on any t-shirt design sites, tell me which sites you like best.</p>
<p style="text-align: center;"><a title="design aug 2010 by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/designtypegeek/4908701637/"><img class="aligncenter" src="http://farm5.static.flickr.com/4116/4908701637_86968814d0.jpg" alt="design aug 2010" width="500" height="375" /></a></p>
<p>I do still have one of the first shirts I helped design. It was done using CorelDraw! 5, one of my all time pieces of software so perhaps I&#8217;ll post a pic sometime soon.</p>
<p>Follow me on Twitter <a href="http://www.twitter.com/typegeek">here</a>, and check out my <a href="http://www.flickr.com/photos/designtypegeek/">Flickr</a>. But like I said, write some comments and let me know what you&#8217;re thinking!</p>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2010/08/simple-t-shirt-designs/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Found Typography</title>
		<link>http://designtypegeek.com/2010/02/found-typography/</link>
		<comments>http://designtypegeek.com/2010/02/found-typography/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 18:55:12 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[typography]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[type]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=158</guid>
		<description><![CDATA[Admittedly not the greatest example of hand typography, but dang funny at the right time: I have a few other items posted on my Flickr page, so check it out!]]></description>
			<content:encoded><![CDATA[<p></p><p>Admittedly not the greatest example of hand typography, but dang funny at the right time:</p>
<div><a title="Turn Knob Hard by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/39316626@N05/4349471592/"></a></div>
<p style="text-align: center;"><img src="http://farm5.static.flickr.com/4013/4349471592_67ffa61bb0.jpg" alt="Turn Knob Hard" width="500" height="375" /></p>
<p style="text-align: left;">I have a few other items posted on <a href="http://www.flickr.com/photos/39316626@N05/">my Flickr page</a>, so check it out!</p>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2010/02/found-typography/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Smart Quotes in Word and HTML</title>
		<link>http://designtypegeek.com/2009/07/smart-quotes-in-word-and-html/</link>
		<comments>http://designtypegeek.com/2009/07/smart-quotes-in-word-and-html/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 15:14:20 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[favourite font]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[theory]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[word 2007]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=73</guid>
		<description><![CDATA[A few weeks ago I finished reading The Non-Designer&#8217;s Type Book by Robin Williams and have been interested in smart quotes ever since. Using smart quotes makes your documents and web pages look more professional, and here&#8217;s how to create them. It&#8217;s important to remember that the book itself is aimed at non-designers, so full-time [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><span class="drop_cap">A</span> few weeks ago I finished reading <a href="http://www.amazon.com/gp/product/0321534050?ie=UTF8&amp;tag=typegeek-20" rel="nofollow">The Non-Designer&#8217;s Type Book</a> by Robin Williams and have been interested in <em>smart quotes</em> ever since. Using smart quotes makes your documents and web pages look more professional, and here&#8217;s how to create them.</p>
<p>It&#8217;s important to remember that the book itself is aimed at non-designers, so full-time designers will probably find her writing annoying and possibly offensive (in a design-geek sort of way) but for beginners it is a really great book and I&#8217;ll probably review it in detail in the future.</p>
<p>Regarding “smart quotes”, they are the curly quotation marks that should be used when quoting a word, phrase or statement that has been stated by another person, or sometimes when something is meant to be said in an ironic sort of way. The quotation mark key on your keyboard doesn&#8217;t actually make smart quotes. See a problem here? At the beginning of this paragraph I have used quotation marks incorrectly, but at least I used the proper quotation marks.</p>
<p>The book discusses how to use smart quotes in desktop publishing software but does not mention word processing software such as Microsoft Word or Corel WordPerfect. Although both (and probably all major) word processors have the ability to turn on smart quotes and convert them automatically, this doesn&#8217;t always work, and can cause problems.</p>
<p>When using Word, whenever I want a set of smart quotes I am getting into the practice of inserting them using the ALT key in combination with their ANSI/ASCII representation. For example, in Word holding down ALT+0147 will give you a left smart quote, and ALT+0148 will give you a left smart quote. You can try this in Word or simply use the text area below:</p>
<p style="text-align: center;"><textarea cols="50" rows="4" name="comment">Try putting smart quotes around something.</textarea></p>
<p style="text-align: left;">This will work in word processors (Word, Wordperfect, Google Docs, OpenOffice&#8230;) as well as web pages and commenting on blogs.</p>
<p style="text-align: left;">However, when writing HTML you might be safer to use the SGML/XML method. In HTML there are character codes such as <strong>&amp;nbsp;</strong> and <strong>&amp;aacute;</strong> (displays as á) for displaying special characters. There is also <strong>&amp;ldquo;</strong> and<strong> &amp;rdquo;</strong> but its <a href="http://www.dwheeler.com/essays/quotes-in-html.html">recommended that you don&#8217;t use them</a> because they are not cross-platform enough.</p>
<p style="text-align: left;">Instead, use <strong>&amp;#8220;</strong> to get the left double curly quote like this ( “ ) and <strong>&amp;#8221;</strong> to get the right double curly quote ( ” ). Remember, this only works if you are editing HTML tags directly.</p>
<p style="text-align: left;">Now the only thing that ticks me off about using smart quotes is how they are rendered by certain fonts. Verdana is a very popular web font, but to me the smart quotes look awful. As well, Microsoft Office 2007 has switched the default font to Calibri which has better looking quotes than Verdana (at least they are curly) but are still horrible looking IMHO. Check them out, click the image to see its fullsize glory:</p>
<p style="text-align: center;"><a title="Smart Quotes in Word by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/39316626@N05/3704555058/"><img src="http://farm4.static.flickr.com/3510/3704555058_596999f216.jpg" alt="Smart Quotes in Word" width="500" height="250" /></a></p>
<p style="text-align: left;">When using quotation marks in pull-quotes, I especially like the way Georgia looks&#8230; although Adobe Caslon Pro is a close second but they look better large and appear to render badly in MS Word, but I could be wrong.</p>
<p>For more details, Font.com has an excellent article on <a href="http://www.fonts.com/aboutfonts/articles/fyti/smartquotes.htm">Smart Quotes</a>. To learn how to use quotation marks properly within a written work, you might want to check <a href="http://owl.english.purdue.edu/owl/resource/577/01/">this guide</a> and <a href="http://owl.english.purdue.edu/owl/resource/577/02/">this guide</a> at the OWL at Purdue University (<a href="http://owl.english.purdue.edu/owl/">Online Writing Lab</a>).</p>
<p>So there you have it. A short look at smart quotes. Did you know about using smart quotes? Let me know if you&#8217;ve had any experiences or if you found this post helpful.</p>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2009/07/smart-quotes-in-word-and-html/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Irish Inspiration &#8211; The Book of Kells</title>
		<link>http://designtypegeek.com/2009/06/the-book-of-kells/</link>
		<comments>http://designtypegeek.com/2009/06/the-book-of-kells/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 03:00:21 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[book of kells]]></category>
		<category><![CDATA[creative process]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ireland]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=53</guid>
		<description><![CDATA[In celebration of my 1 year wedding anniversary, I wanted to revisit something that completely blew my mind, and renewed inside me my love of typography, font design and letter shapes &#8211; my visit to Dublin, Ireland to see the Book of Kells. One year ago today my wife and I travelled to Ireland for [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><span class="drop_cap">I</span>n celebration of my 1 year wedding anniversary, I wanted to revisit something that completely blew my mind, and renewed inside me my love of typography, font design and letter shapes &#8211; my visit to Dublin, Ireland to see the Book of Kells.</p>
<p style="text-align: center;"><a title="Kells Streetview by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/39316626@N05/3616741051/"><img src="http://farm4.static.flickr.com/3644/3616741051_5edfe23309_s.jpg" alt="Kells Streetview" width="75" height="75" /> </a><a title="Kells Monastary by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/39316626@N05/3617561000/"><img src="http://farm3.static.flickr.com/2442/3617561000_37e9240876_s.jpg" alt="Kells Monastary" width="75" height="75" /> </a><a title="Round Tower at Kells by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/39316626@N05/3617560964/"><img src="http://farm4.static.flickr.com/3332/3617560964_b9a9947d6a_s.jpg" alt="Round Tower at Kells" width="75" height="75" /> </a><a title="Kells Wall by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/39316626@N05/3617560944/"><img src="http://farm4.static.flickr.com/3371/3617560944_49219a7149_s.jpg" alt="Kells Wall" width="75" height="75" /> </a><a title="Celtic Cross at Kells Monastary Yard by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/39316626@N05/3617560864/"><img src="http://farm4.static.flickr.com/3365/3617560864_995af69a85_s.jpg" alt="Celtic Cross at Kells Monastary Yard" width="75" height="75" /> </a><a title="High Cross - Downtown Kells by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/39316626@N05/3616741037/"><img src="http://farm4.static.flickr.com/3341/3616741037_00213642a3_s.jpg" alt="High Cross - Downtown Kells" width="75" height="75" /> </a></p>
<p>One year ago today my wife and I travelled to Ireland for our honeymoon. I really could go on and on about how great it was, and how we wish we were back there even now, one full year later. Perhaps especially now as the weather here is very similar to the weather there last year. But before I digress too much, I wanted to talk about the Book of Kells.</p>
<div style="float: left; style="><a title="31recto unfinished, on Flickr" href="http://www.flickr.com/photos/39316626@N05/3618500368/"><img src="http://farm4.static.flickr.com/3358/3618500368_d4a168eff6_m.jpg" alt="31recto unfinished" width="177" height="240" /></a></div>
<div style="padding-left: 2em;">The photos above are actually from <a href="http://www.heritagetowns.com/kells.shtml">Kells, County Meath, Ireland</a>. The monastery shown was home to the Book of Kells after it was transferred to Ireland from near Scotland where it was thought to have been created. Oh, before I get too far&#8230;</div>
<div style="padding-left: 2em;">The Book of Kells is an illuminated manuscript created around the 6<sup><span>th</span></sup> century AD and contains the four gospels of the Bible as well as other biblical writings.</div>
<p>You&#8217;ll have to find examples on the sites listed below, but the illustration and illumination of the Book is simply incredible. There is such precision and fine mathematical detail that scholars are still unsure exactly how a 7<sup>th</sup> century scribe (or three) could have created the works. The image here shows a page that was never completed&#8230; over 1200 years ago. You can see some text through the page on the other side.   The image illustrates how a complex illuminated manuscript page was laid out.</p>
<p>I didn&#8217;t get to see the Book of Kells until much later in our journey when we returned to Dublin around June 18th, 2008. But when we were in Knowth I picked up a copy of George Bain&#8217;s <a href="http://www.amazon.com/gp/product/0094769001?ie=UTF8&amp;tag=typegeek-20" rel="nofollow">Celtic Art &#8211; The Methods Of Construction</a>.</p>
<p style="text-align: center;"><a title="Book of Kells lettering 6th century posted by DesignTypeGeek, on Flickr" href="http://www.flickr.com/photos/39316626@N05/3617666707/"><img class="aligncenter" src="http://farm4.static.flickr.com/3381/3617666707_a2ae24604b_m.jpg" alt="Book of Kells lettering 6th century" width="240" height="101" /></a></p>
<p><a href="http://www.amazon.com/gp/product/0094769001?ie=UTF8&amp;tag=typegeek-20" rel="nofollow">This book</a> *completely* floored me. George Bain is said to have been responsible for the resurgence of celtic inspired art beginning in the early 50&#8242;s. Celtic Art contains an entire chapter on Lettering and an incredible collection of copies of the letters and ornamented capitals from not only the Book of Kells, but also the <a href="http://en.wikipedia.org/wiki/Book_of_Durrow">Book of Durrow</a> as well as the <a href="http://en.wikipedia.org/wiki/Lindisfarne_Gospels">Lindisfarne Gospels</a>&#8230; two other famous illuminated manuscripts. I counted more than 5 different versions of the letter A! All hand-drawn by George Bain from copies of books as well as stonework he had seen while travelling the countryside.</p>
<p>There are chapters on knotwork, including the use of knotwork for use in clothing, metal and stone carving. There is also a chapter on zoomorphics, which is the inclusion of animal images within the shapes of the letters themselves (<a href="http://www.flickr.com/photos/jkonig/2731536981/">like this one</a>) as well as anthromorphs, where images of humans are tied up in the letters such as the ones in the corner <a href="http://www.snake.net/people/paul/kells/image/4evangelists/large">shown here</a>.</p>
<p><a href="http://www.amazon.com/gp/product/0094769001?ie=UTF8&amp;tag=typegeek-20" rel="nofollow">Bain&#8217;s book</a> really is an incredible achievement, and it gives an amazing taste for the type of design found in the Book of Kells. If you want to create celtic art, you NEED Bain&#8217;s book <a href="http://www.amazon.com/gp/product/0094769001?ie=UTF8&amp;tag=typegeek-20" rel="nofollow">Celtic Art</a>.</p>
<p>Ok that&#8217;s enough for me. Its late. I could keep writing but I think I should get some sleep <img src='http://designtypegeek.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p style="text-align: center;"><img class="size-full wp-image-63 aligncenter" title="Chi Rho from the Book of Durrow" src="http://designtypegeek.com/wp-content/uploads/2009/06/bookdurrowchiropage.jpg" alt="Chi Rho from the Book of Durrow" width="457" height="217" /></p>
<p>References for this post:</p>
<ul>
<li>Book Of Kells DVD - <a href="http://www.bookofkells.com">http://www.bookofkells.com</a> &#8211; I bought it, its FANTASTIC.</li>
<li>Kells Travel Info &#8211; <a href="http://www.myguideireland.com/kells">http://www.myguideireland.com/kells</a></li>
<li>History of the Monastery - <a href="http://www.heritagetowns.com/kells.shtml">http://www.heritagetowns.com/kells.shtml</a></li>
<li>An article by Michelle Brown of the British Library - <a href="http://www.channel4.com/history/microsites/H/history/c-d/celts07b.html">http://www.channel4.com/history/microsites/H/history/c-d/celts07b.html</a></li>
<li><span id="apaauthor">Dunn, J.</span> <span id="apayear">(1910).</span> <span id="apaarticle">Book of Kells.</span> In <span id="apawork">The Catholic Encyclopedia.</span> <span id="apapublisher">New York: Robert Appleton Company.</span><span id="apadate">Retrieved June 11, 2009 from New Advent: </span><span id="apaurl"><a href="http://www.newadvent.org/cathen/08614b.htm">http://www.newadvent.org/cathen/08614b.htm</a></span></li>
<li>Wikipedia contains some excellent images and far more references and resources &#8211;  <a href="http://en.wikipedia.org/wiki/Book_of_kells">http://en.wikipedia.org/wiki/Book_of_kells</a></li>
<li>Review of the facsimile edition, 1958: <a href="http://www.jstor.org/pss/2865000">http://www.jstor.org/pss/2865000</a> &#8211; man, I would LOVE to have a facsimile of this. Article starts at the bottom of that page, but you&#8217;ll need access to JSTOR to read all of it.</li>
<li>Location of Facimilies &#8211; University of Rochester (acquired 1952): <a href="http://www.lib.rochester.edu/index.cfm?PAGE=2457">http://www.lib.rochester.edu/index.cfm?PAGE=2457</a>, University of British Columbia: <a href="http://www.library.ubc.ca/spcoll/kells.html">http://www.library.ubc.ca/spcoll/kells.html</a> (Yay a Canadian copy!)</li>
<li><a href="http://www.amazon.com/gp/product/0500277907?ie=UTF8&amp;tag=typegeek-20" rel="nofollow">Another book about the Book of Kells</a></li>
</ul>
<p><iframe src="http://rcm.amazon.com/e/cm?t=typegeek-20&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0486229238&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=DBBB79&#038;f=ifr" style="width:120px;height:240px;float:right;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2009/06/the-book-of-kells/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Typography in XKCD Comic</title>
		<link>http://designtypegeek.com/2009/06/typography-in-xkcd-comic/</link>
		<comments>http://designtypegeek.com/2009/06/typography-in-xkcd-comic/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 19:04:23 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[typography]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[style]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=21</guid>
		<description><![CDATA[I saw this and just had to share it: And now&#8230; for some beautifully kerned Helvetica. Ok just kidding. I don&#8217;t have Helvetica installed! I know, its a crime. I&#8217;ll have to track one down. I suppose either Arial or Verdana can both fight for the spot of &#8220;the new Helvetica&#8221;. Check out XKCD for [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>I saw this and just had to share it:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://imgs.xkcd.com/comics/papyrus.png" alt="" /></p>
<p>And now&#8230; for some beautifully kerned Helvetica. Ok just kidding. I don&#8217;t have Helvetica installed! I know, its a crime. I&#8217;ll have to track one down.</p>
<p><div id="attachment_33" class="wp-caption aligncenter" style="width: 170px">
	<img class="size-full wp-image-33" title="arial_tracking" src="http://designtypegeek.com/wp-content/uploads/2009/06/arial_tracking.png" alt="Image of Arial created in Adobe Illustrator with some tracking applied." width="170" height="58" />
	<p class="wp-caption-text">Image of Arial created in Adobe Illustrator with some tracking applied.</p>
</div></p>
<p>I suppose either <span style="font-family: arial;">Arial</span> or <span style="font-family: verdana;">Verdana</span> can both <a href="http://www.collegehumor.com/video:1908292">fight</a> for the spot of &#8220;the new Helvetica&#8221;.</p>
<p>Check out <a href="http://www.xkcd.com">XKCD</a> for social commentary&#8230; but mostly jokes for computer and tech geeks.</p>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2009/06/typography-in-xkcd-comic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tips for Small Type</title>
		<link>http://designtypegeek.com/2009/03/tips-for-small-type/</link>
		<comments>http://designtypegeek.com/2009/03/tips-for-small-type/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 01:24:33 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[blogging]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[favourite font]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[theory]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=14</guid>
		<description><![CDATA[If you&#8217;ve tried creating graphics or content using small typefaces then you&#8217;ve probably run into the problem of readability. Microsoft created a font known as Verdana to solve the issue of small type on screen. Shown below is a comparison of Verdana at difference sizes to Minion Pro at the same sizes. The image was [...]]]></description>
			<content:encoded><![CDATA[<p></p><div>If you&#8217;ve tried creating graphics or content using small typefaces then you&#8217;ve probably run into the problem of readability. Microsoft created a font known as Verdana to solve the issue of small type on screen. Shown below is a comparison of Verdana at difference sizes to Minion Pro at the same sizes. The image was created in Adobe Photoshop CS3 with Strong anti-aliasing applied to the text.</p>
<div><img src="http://lh6.ggpht.com/_1nMKH0WoQP8/Sa_VESAl7dI/AAAAAAAAAE4/kk8r1m2aHlc/%5BUNSET%5D.png?imgmax=800" alt="" /></div>
<p>I recently came across a highly detailed article that explains how to get the most readability from your small type. Check it out at <a href="http://www.microsoft.com/typography/web/fonts/verdana/default.htm">The Art of Type</a>.</p>
<p>You can read more about Verdana at the Microsoft site <a href="http://www.microsoft.com/typography/web/fonts/verdana/default.htm">Channel Verdana</a> and if you&#8217;re really a typegeek, you&#8217;d be interested in <a href="http://en.wikipedia.org/wiki/Verdana">the Wikipedia entry on Verdana</a> as well.</p>
<p>And of course to be fair, you might as well check out the entry for <a href="http://en.wikipedia.org/wiki/Minion_pro">Minion</a> as well. You can get the <a href="http://www.anrdoezrs.net/click-3392334-10274031?url=http%3A%2F%2Fwww.fonts.com%2Ffindfonts%2Fdetail.htm%3Fpid%3D433316&amp;cjsku=433316" target="_top"><br />
Minion Complete Family Pack</a> from Fonts.com.<br />
<img src="http://www.tqlkg.com/image-3392334-10274031" border="0" alt="" width="1" height="1" /></p>
<p>It could be just me, but I think of something totally different when I hear the word &#8220;minion&#8221; <img src='http://designtypegeek.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>I&#8217;ve used Strong anti-aliasing in the image above. I&#8217;d like some feedback from you in the comments as to what anti-aliasing to use when creating graphical text to use on the web, when printing the content is not going to be an expectation.</p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=e6056255-c9c6-40d4-9ab5-be398010cb8e" alt="" /></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2009/03/tips-for-small-type/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Original Font Sample</title>
		<link>http://designtypegeek.com/2009/02/original-font-sample/</link>
		<comments>http://designtypegeek.com/2009/02/original-font-sample/#comments</comments>
		<pubDate>Fri, 20 Feb 2009 01:26:55 +0000</pubDate>
		<dc:creator>Typegeek</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[typeface]]></category>

		<guid isPermaLink="false">http://designtypegeek.com/?p=17</guid>
		<description><![CDATA[When I started teaching computer labs a few years ago I got really fired up about typography. It was a small section in a chapter on word processing in the textbook we were using, but I was intrigued with explaining it to inexperienced users, though I had been interested in typography before. During that time [...]]]></description>
			<content:encoded><![CDATA[<p></p><div>
<div>
<div>When I started teaching computer labs a few years ago I got really fired up about typography. It was a small section in a chapter on word processing in the textbook we were using, but I was intrigued with explaining it to inexperienced users, though I had been interested in typography before.</p>
<p>During that time I came up with a basic typeface that I use on the white boards. It really contains mostly modifications to the letters A and E, but the trailing &#8220;S&#8221; I would sometimes add flourishes too.</p></div>
<p><a href="http://www.flickr.com/photos/34614450@N00/3293540646"><img src="http://farm4.static.flickr.com/3224/3293540646_ca0497a985.jpg" alt="" width="334" height="76" /></a></p>
<div>Really it looks better in the word &#8220;DATABASES&#8221; but it also works ok with &#8220;SPREADSHEETS&#8221;.</p>
<p>I&#8217;ve played with different variations on the E, but its harder to make it look interesting and still maintain its readability, which is something I want to keep with any typeface I create.</p>
<p>Do you have any special purpose typefaces you&#8217;ve designed? Got any suggestions for the E? Let me know in the comments below.</p></div>
</div>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=0b6ea06d-9eb9-44f7-a2b1-1da5f6fcb394" alt="" /></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://designtypegeek.com/2009/02/original-font-sample/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

