<?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>CSS Herald &#187; Fonts</title>
	<atom:link href="http://cssherald.com/category/fonts/feed/" rel="self" type="application/rss+xml" />
	<link>http://cssherald.com</link>
	<description>CSS Herald is a weblog that aims to share the best web design resources to bloggers, freelancers, web designers and developers.</description>
	<lastBuildDate>Sun, 07 Jun 2009 12:43:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Web 2.0 &#8211; A font too far?</title>
		<link>http://cssherald.com/149/web-20-a-font-too-far/</link>
		<comments>http://cssherald.com/149/web-20-a-font-too-far/#comments</comments>
		<pubDate>Thu, 20 Mar 2008 20:17:46 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://cssherald.com/web-20-a-font-too-far/</guid>
		<description><![CDATA[I&#8217;m always on the lookout for new fonts, they can say a lot more than just plain words alone.&#160; Typography is an artform its-self, started by the newspaper industry carving out letters for the daily newspapers &#8211; most of today&#8217;s modern fonts owe it to these original purveyors of stylistic word-sculpting. Taking a fresh look [...]]]></description>
			<content:encoded><![CDATA[<p>I&rsquo;m always on the lookout for new fonts, they can say a lot more than just plain words alone.&nbsp; Typography is an artform its-self, started by the newspaper industry carving out letters for the daily newspapers &ndash; most of today&rsquo;s modern fonts owe it to these original purveyors of stylistic word-sculpting.</p>
<p>Taking a fresh look at things once in a while is a great thing, breaking away from the norms and &ldquo;Web 2.0&rdquo; as its coined is one of those <em>evolutions in consciousness</em> that was just waiting to happen (to this day we&rsquo;re still waiting for Economy 2.0, since you can&rsquo;t ignore to see the downturn kicking in).</p>
<p><span id="more-149"></span></p>
<p>So a fresh new look was required.. and fonts for your logo are one part of the picture but one that cannot be overlooked.&nbsp; </p>
<p><em>I really advise at this point not to just go and pick a font that someone big used just because you like it.</em></p>
<p>Finding the &ldquo;right&rdquo; font for your logo is a pretty difficult thing to do, and its got to mean something <em>emotionally</em> and reflect what your service is all about.&nbsp; I&rsquo;ve spent countless hours looking for the right font for some of my websites, then sometimes, you just stumble upon it by accident.</p>
<p>The way that i approach it is to <em>go and look for some new fonts that you like</em>; and build up your collection so that you&rsquo;ve got a canvas to start from.&nbsp; </p>
<p>Think about this:&nbsp; The <a href="http://wordpress.org/" target="_blank">WordPress</a> logo looks wordy! Google looks googley!&nbsp; <a href="http://www.shakeupmedia.com/FT.html" target="_blank">The Financial Times</a> is very rigid and upstanding, my dear boy!&nbsp; <a href="http://digg.com/" target="_blank">Digg</a> looks techy.. <a href="http://www.techcrunch.com/" target="_blank">TechCrunch</a> has a techy-come-business look.&nbsp; <a href="http://www.43things.com/" target="_blank">43Things</a> has a notebook-kind of travel look to it.&nbsp; Bloglines, because of its rounded corners, think bloggy, but a bit of newspaper! <a href="http://www.rollyo.com/" target="_blank">Rollyo</a>, rolly and rounded!</p>
<p>So <a href="http://www.modernlifeisrubbish.co.uk/article/great-fonts-for-web-2.0" target="_blank">don&rsquo;t look</a> at <a href="http://www.fontshop.com/fontfeed/archives/the-logos-of-web-20/" target="_blank">these lists</a> and just use one of those fonts, go pick your own! If you&rsquo;re looking for something a bit more corporate you <a href="http://www.smashingmagazine.com/2008/03/20/60-brilliant-typefaces-for-corporate-design/" target="_blank">might want to look here</a>.</p>
<p>It will be a lot more fun and be daring..&nbsp;</p>
<p>I did with my <a href="http://www.boogla.com/bookmarks" target="_blank">Boogla</a>&nbsp;&ndash; kinda booglaish?</p>
<p>&nbsp;</p>
<script type="text/javascript" class="owbutton" src="http://onlywire.com/btn/button_15211" title="Web 2.0 - A font too far?" url="http://cssherald.com/149/web-20-a-font-too-far/"></script><p class="akst_link"><a href="http://cssherald.com/?p=149&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_149" class="akst_share_link" rel="nofollow">Share This</a>
</p>
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;title=Web%202.0%20-%20A%20font%20too%20far%3F&amp;bodytext=I%26rsquo%3Bm%20always%20on%20the%20lookout%20for%20new%20fonts%2C%20they%20can%20say%20a%20lot%20more%20than%20just%20plain%20words%20alone.%26nbsp%3B%20Typography%20is%20an%20artform%20its-self%2C%20started%20by%20the%20newspaper%20industry%20carving%20out%20letters%20for%20the%20daily%20newspapers%20%26ndash%3B%20most%20of%20today%26rsquo%3Bs%20" title="Digg"><img src="http://cssherald.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;title=Web%202.0%20-%20A%20font%20too%20far%3F" title="StumbleUpon"><img src="http://cssherald.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;title=Web%202.0%20-%20A%20font%20too%20far%3F&amp;notes=I%26rsquo%3Bm%20always%20on%20the%20lookout%20for%20new%20fonts%2C%20they%20can%20say%20a%20lot%20more%20than%20just%20plain%20words%20alone.%26nbsp%3B%20Typography%20is%20an%20artform%20its-self%2C%20started%20by%20the%20newspaper%20industry%20carving%20out%20letters%20for%20the%20daily%20newspapers%20%26ndash%3B%20most%20of%20today%26rsquo%3Bs%20" title="del.icio.us"><img src="http://cssherald.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;t=Web%202.0%20-%20A%20font%20too%20far%3F" title="Facebook"><img src="http://cssherald.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;h=Web%202.0%20-%20A%20font%20too%20far%3F" title="NewsVine"><img src="http://cssherald.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;title=Web%202.0%20-%20A%20font%20too%20far%3F" title="Reddit"><img src="http://cssherald.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;title=Web%202.0%20-%20A%20font%20too%20far%3F&amp;annotation=I%26rsquo%3Bm%20always%20on%20the%20lookout%20for%20new%20fonts%2C%20they%20can%20say%20a%20lot%20more%20than%20just%20plain%20words%20alone.%26nbsp%3B%20Typography%20is%20an%20artform%20its-self%2C%20started%20by%20the%20newspaper%20industry%20carving%20out%20letters%20for%20the%20daily%20newspapers%20%26ndash%3B%20most%20of%20today%26rsquo%3Bs%20" title="Google Bookmarks"><img src="http://cssherald.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;submitHeadline=Web%202.0%20-%20A%20font%20too%20far%3F&amp;submitSummary=I%26rsquo%3Bm%20always%20on%20the%20lookout%20for%20new%20fonts%2C%20they%20can%20say%20a%20lot%20more%20than%20just%20plain%20words%20alone.%26nbsp%3B%20Typography%20is%20an%20artform%20its-self%2C%20started%20by%20the%20newspaper%20industry%20carving%20out%20letters%20for%20the%20daily%20newspapers%20%26ndash%3B%20most%20of%20today%26rsquo%3Bs%20&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://cssherald.com/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;title=Web%202.0%20-%20A%20font%20too%20far%3F" title="Live"><img src="http://cssherald.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;title=Web%202.0%20-%20A%20font%20too%20far%3F&amp;source=CSS+Herald+CSS+Herald+is+a+weblog+that+aims+to+share+the+best+web+design+resources+to+bloggers%2C+freelancers%2C+web+designers+and+developers.&amp;summary=I%26rsquo%3Bm%20always%20on%20the%20lookout%20for%20new%20fonts%2C%20they%20can%20say%20a%20lot%20more%20than%20just%20plain%20words%20alone.%26nbsp%3B%20Typography%20is%20an%20artform%20its-self%2C%20started%20by%20the%20newspaper%20industry%20carving%20out%20letters%20for%20the%20daily%20newspapers%20%26ndash%3B%20most%20of%20today%26rsquo%3Bs%20" title="LinkedIn"><img src="http://cssherald.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fcssherald.com%2F149%2Fweb-20-a-font-too-far%2F&amp;t=Web%202.0%20-%20A%20font%20too%20far%3F" title="MySpace"><img src="http://cssherald.com/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://cssherald.com/149/web-20-a-font-too-far/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Quality Free Fonts Directory &#8211; Fawnt</title>
		<link>http://cssherald.com/131/quality-free-fonts-directory-fawnt/</link>
		<comments>http://cssherald.com/131/quality-free-fonts-directory-fawnt/#comments</comments>
		<pubDate>Thu, 31 Jan 2008 13:59:22 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Fonts]]></category>

		<guid isPermaLink="false">http://cssherald.com/quality-free-fonts-directory-fawnt/</guid>
		<description><![CDATA[If you are looking for a new font for website or other design project, Fawnt absolute is a delightful place. Fawnt is a font resource for web designers and developers! It lists quality fonts in nice speech bubbles coupled with a scrollable interface to make navigation easy. The 55 most popular fonts from almost 10,000 [...]]]></description>
			<content:encoded><![CDATA[<p>If you are looking for a new font for website or other design project, <a href="http://www.fawnt.com/">Fawnt</a> absolute is a delightful place. <strong>Fawnt</strong> is a font resource for web designers and developers! It lists quality fonts in nice speech bubbles coupled with a scrollable interface to make navigation easy. The 55 most popular fonts from almost 10,000 fonts offered by Fawnt are display at front page. You can also browse the fonts by letters or by category, and it allows you preview and rate each font as well.<br />
<a href="http://www.fawnt.com">http://www.fawnt.com</a></p>
<p><img src="http://cssherald.com/wp-content/uploads/2008/01/fawnt.jpg" alt="fawnt" /></p>
<script type="text/javascript" class="owbutton" src="http://onlywire.com/btn/button_15211" title="Quality Free Fonts Directory - Fawnt " url="http://cssherald.com/131/quality-free-fonts-directory-fawnt/"></script><p class="akst_link"><a href="http://cssherald.com/?p=131&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_131" class="akst_share_link" rel="nofollow">Share This</a>
</p>
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;title=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20&amp;bodytext=If%20you%20are%20looking%20for%20a%20new%20font%20for%20website%20or%20other%20design%20project%2C%20Fawnt%20absolute%20is%20a%20delightful%20place.%20Fawnt%20is%20a%20font%20resource%20for%20web%20designers%20and%20developers%21%20It%20lists%20quality%20fonts%20in%20nice%20speech%20bubbles%20coupled%20with%20a%20scrollable%20interface%20" title="Digg"><img src="http://cssherald.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;title=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20" title="StumbleUpon"><img src="http://cssherald.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;title=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20&amp;notes=If%20you%20are%20looking%20for%20a%20new%20font%20for%20website%20or%20other%20design%20project%2C%20Fawnt%20absolute%20is%20a%20delightful%20place.%20Fawnt%20is%20a%20font%20resource%20for%20web%20designers%20and%20developers%21%20It%20lists%20quality%20fonts%20in%20nice%20speech%20bubbles%20coupled%20with%20a%20scrollable%20interface%20" title="del.icio.us"><img src="http://cssherald.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;t=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20" title="Facebook"><img src="http://cssherald.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;h=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20" title="NewsVine"><img src="http://cssherald.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;title=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20" title="Reddit"><img src="http://cssherald.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;title=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20&amp;annotation=If%20you%20are%20looking%20for%20a%20new%20font%20for%20website%20or%20other%20design%20project%2C%20Fawnt%20absolute%20is%20a%20delightful%20place.%20Fawnt%20is%20a%20font%20resource%20for%20web%20designers%20and%20developers%21%20It%20lists%20quality%20fonts%20in%20nice%20speech%20bubbles%20coupled%20with%20a%20scrollable%20interface%20" title="Google Bookmarks"><img src="http://cssherald.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;submitHeadline=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20&amp;submitSummary=If%20you%20are%20looking%20for%20a%20new%20font%20for%20website%20or%20other%20design%20project%2C%20Fawnt%20absolute%20is%20a%20delightful%20place.%20Fawnt%20is%20a%20font%20resource%20for%20web%20designers%20and%20developers%21%20It%20lists%20quality%20fonts%20in%20nice%20speech%20bubbles%20coupled%20with%20a%20scrollable%20interface%20&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://cssherald.com/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;title=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20" title="Live"><img src="http://cssherald.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;title=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20&amp;source=CSS+Herald+CSS+Herald+is+a+weblog+that+aims+to+share+the+best+web+design+resources+to+bloggers%2C+freelancers%2C+web+designers+and+developers.&amp;summary=If%20you%20are%20looking%20for%20a%20new%20font%20for%20website%20or%20other%20design%20project%2C%20Fawnt%20absolute%20is%20a%20delightful%20place.%20Fawnt%20is%20a%20font%20resource%20for%20web%20designers%20and%20developers%21%20It%20lists%20quality%20fonts%20in%20nice%20speech%20bubbles%20coupled%20with%20a%20scrollable%20interface%20" title="LinkedIn"><img src="http://cssherald.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fcssherald.com%2F131%2Fquality-free-fonts-directory-fawnt%2F&amp;t=Quality%20Free%20Fonts%20Directory%20-%20Fawnt%20" title="MySpace"><img src="http://cssherald.com/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://cssherald.com/131/quality-free-fonts-directory-fawnt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Compare Screen Fonts with Typetester</title>
		<link>http://cssherald.com/125/compare-screen-fonts-with-typetester/</link>
		<comments>http://cssherald.com/125/compare-screen-fonts-with-typetester/#comments</comments>
		<pubDate>Wed, 30 Jan 2008 03:16:33 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Web Applications]]></category>

		<guid isPermaLink="false">http://cssherald.com/compare-screen-fonts-with-typetester/</guid>
		<description><![CDATA[Having trouble with the right font style for your sites? Typetester is a handy online application for comparing fonts for the screen and was built for web designers. Typetester lets you perform side-by-side comparisons of a number of popular fonts. The list of the common fonts will be updated when the new fonts are bundled [...]]]></description>
			<content:encoded><![CDATA[<p>Having trouble with the right font style for your sites? <a href="http://typetester.maratz.com/">Typetester</a> is a handy online application for comparing fonts for the screen and was built for web designers. <strong>Typetester</strong> lets you perform side-by-side comparisons of a number of popular fonts. The list of the common fonts will be updated when the new fonts are bundled into operating systems. There is a number of customization options. You can custom the sample text, font, color, background, size, alignment and more, and then real-time preview the style. Once you find the design you like, it would generate a CSS stylesheet which you can cut and paste directly into on your websites.<br />
<a href="http://typetester.maratz.com">http://typetester.maratz.com</a></p>
<p><img src="http://cssherald.com/wp-content/uploads/2008/01/typetester.png" alt="typetester" /></p>
<script type="text/javascript" class="owbutton" src="http://onlywire.com/btn/button_15211" title="Compare Screen Fonts with Typetester" url="http://cssherald.com/125/compare-screen-fonts-with-typetester/"></script><p class="akst_link"><a href="http://cssherald.com/?p=125&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_125" class="akst_share_link" rel="nofollow">Share This</a>
</p>
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;title=Compare%20Screen%20Fonts%20with%20Typetester&amp;bodytext=Having%20trouble%20with%20the%20right%20font%20style%20for%20your%20sites%3F%20Typetester%20is%20a%20handy%20online%20application%20for%20comparing%20fonts%20for%20the%20screen%20and%20was%20built%20for%20web%20designers.%20Typetester%20lets%20you%20perform%20side-by-side%20comparisons%20of%20a%20number%20of%20popular%20fonts.%20T" title="Digg"><img src="http://cssherald.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;title=Compare%20Screen%20Fonts%20with%20Typetester" title="StumbleUpon"><img src="http://cssherald.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;title=Compare%20Screen%20Fonts%20with%20Typetester&amp;notes=Having%20trouble%20with%20the%20right%20font%20style%20for%20your%20sites%3F%20Typetester%20is%20a%20handy%20online%20application%20for%20comparing%20fonts%20for%20the%20screen%20and%20was%20built%20for%20web%20designers.%20Typetester%20lets%20you%20perform%20side-by-side%20comparisons%20of%20a%20number%20of%20popular%20fonts.%20T" title="del.icio.us"><img src="http://cssherald.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;t=Compare%20Screen%20Fonts%20with%20Typetester" title="Facebook"><img src="http://cssherald.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;h=Compare%20Screen%20Fonts%20with%20Typetester" title="NewsVine"><img src="http://cssherald.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;title=Compare%20Screen%20Fonts%20with%20Typetester" title="Reddit"><img src="http://cssherald.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;title=Compare%20Screen%20Fonts%20with%20Typetester&amp;annotation=Having%20trouble%20with%20the%20right%20font%20style%20for%20your%20sites%3F%20Typetester%20is%20a%20handy%20online%20application%20for%20comparing%20fonts%20for%20the%20screen%20and%20was%20built%20for%20web%20designers.%20Typetester%20lets%20you%20perform%20side-by-side%20comparisons%20of%20a%20number%20of%20popular%20fonts.%20T" title="Google Bookmarks"><img src="http://cssherald.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;submitHeadline=Compare%20Screen%20Fonts%20with%20Typetester&amp;submitSummary=Having%20trouble%20with%20the%20right%20font%20style%20for%20your%20sites%3F%20Typetester%20is%20a%20handy%20online%20application%20for%20comparing%20fonts%20for%20the%20screen%20and%20was%20built%20for%20web%20designers.%20Typetester%20lets%20you%20perform%20side-by-side%20comparisons%20of%20a%20number%20of%20popular%20fonts.%20T&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://cssherald.com/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;title=Compare%20Screen%20Fonts%20with%20Typetester" title="Live"><img src="http://cssherald.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;title=Compare%20Screen%20Fonts%20with%20Typetester&amp;source=CSS+Herald+CSS+Herald+is+a+weblog+that+aims+to+share+the+best+web+design+resources+to+bloggers%2C+freelancers%2C+web+designers+and+developers.&amp;summary=Having%20trouble%20with%20the%20right%20font%20style%20for%20your%20sites%3F%20Typetester%20is%20a%20handy%20online%20application%20for%20comparing%20fonts%20for%20the%20screen%20and%20was%20built%20for%20web%20designers.%20Typetester%20lets%20you%20perform%20side-by-side%20comparisons%20of%20a%20number%20of%20popular%20fonts.%20T" title="LinkedIn"><img src="http://cssherald.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fcssherald.com%2F125%2Fcompare-screen-fonts-with-typetester%2F&amp;t=Compare%20Screen%20Fonts%20with%20Typetester" title="MySpace"><img src="http://cssherald.com/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://cssherald.com/125/compare-screen-fonts-with-typetester/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Handy CSS Typography Em Calculator</title>
		<link>http://cssherald.com/119/handy-css-typography-em-calculator/</link>
		<comments>http://cssherald.com/119/handy-css-typography-em-calculator/#comments</comments>
		<pubDate>Mon, 28 Jan 2008 14:05:21 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Web Applications]]></category>

		<guid isPermaLink="false">http://cssherald.com/handy-css-typography-em-calculator/</guid>
		<description><![CDATA[An em is a relative measurement based on the square of the font size at that particular point. As font sizes can vary across differing systems and displays the result is that the em measurement will always be relative and scalable. Em Calculator is a simple and handy em calculator that converts px values to [...]]]></description>
			<content:encoded><![CDATA[<p>An em is a relative measurement based on the square of the font size at that particular point. As font sizes can vary across differing systems and displays the result is that the em measurement will always be relative and scalable.</p>
<p><a href="http://www.jameswhittaker.com/blog/article/em-based-layouts-vertical-rhythm-calculator/">Em Calculator</a> is a simple and handy em calculator that converts px values to em values based upon the current font-size of the text. You can also set margins and paddings automatically depending on the line-height youâ€™ve defined.</p>
<p><img src="http://cssherald.com/wp-content/uploads/2008/01/em-calculator.png" alt="em-calculator" /></p>
<script type="text/javascript" class="owbutton" src="http://onlywire.com/btn/button_15211" title="Handy CSS Typography Em Calculator" url="http://cssherald.com/119/handy-css-typography-em-calculator/"></script><p class="akst_link"><a href="http://cssherald.com/?p=119&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_119" class="akst_share_link" rel="nofollow">Share This</a>
</p>
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;title=Handy%20CSS%20Typography%20Em%20Calculator&amp;bodytext=An%20em%20is%20a%20relative%20measurement%20based%20on%20the%20square%20of%20the%20font%20size%20at%20that%20particular%20point.%20As%20font%20sizes%20can%20vary%20across%20differing%20systems%20and%20displays%20the%20result%20is%20that%20the%20em%20measurement%20will%20always%20be%20relative%20and%20scalable.%0D%0A%0D%0AEm%20Calculator%20i" title="Digg"><img src="http://cssherald.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;title=Handy%20CSS%20Typography%20Em%20Calculator" title="StumbleUpon"><img src="http://cssherald.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;title=Handy%20CSS%20Typography%20Em%20Calculator&amp;notes=An%20em%20is%20a%20relative%20measurement%20based%20on%20the%20square%20of%20the%20font%20size%20at%20that%20particular%20point.%20As%20font%20sizes%20can%20vary%20across%20differing%20systems%20and%20displays%20the%20result%20is%20that%20the%20em%20measurement%20will%20always%20be%20relative%20and%20scalable.%0D%0A%0D%0AEm%20Calculator%20i" title="del.icio.us"><img src="http://cssherald.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;t=Handy%20CSS%20Typography%20Em%20Calculator" title="Facebook"><img src="http://cssherald.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;h=Handy%20CSS%20Typography%20Em%20Calculator" title="NewsVine"><img src="http://cssherald.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;title=Handy%20CSS%20Typography%20Em%20Calculator" title="Reddit"><img src="http://cssherald.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;title=Handy%20CSS%20Typography%20Em%20Calculator&amp;annotation=An%20em%20is%20a%20relative%20measurement%20based%20on%20the%20square%20of%20the%20font%20size%20at%20that%20particular%20point.%20As%20font%20sizes%20can%20vary%20across%20differing%20systems%20and%20displays%20the%20result%20is%20that%20the%20em%20measurement%20will%20always%20be%20relative%20and%20scalable.%0D%0A%0D%0AEm%20Calculator%20i" title="Google Bookmarks"><img src="http://cssherald.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;submitHeadline=Handy%20CSS%20Typography%20Em%20Calculator&amp;submitSummary=An%20em%20is%20a%20relative%20measurement%20based%20on%20the%20square%20of%20the%20font%20size%20at%20that%20particular%20point.%20As%20font%20sizes%20can%20vary%20across%20differing%20systems%20and%20displays%20the%20result%20is%20that%20the%20em%20measurement%20will%20always%20be%20relative%20and%20scalable.%0D%0A%0D%0AEm%20Calculator%20i&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://cssherald.com/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;title=Handy%20CSS%20Typography%20Em%20Calculator" title="Live"><img src="http://cssherald.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;title=Handy%20CSS%20Typography%20Em%20Calculator&amp;source=CSS+Herald+CSS+Herald+is+a+weblog+that+aims+to+share+the+best+web+design+resources+to+bloggers%2C+freelancers%2C+web+designers+and+developers.&amp;summary=An%20em%20is%20a%20relative%20measurement%20based%20on%20the%20square%20of%20the%20font%20size%20at%20that%20particular%20point.%20As%20font%20sizes%20can%20vary%20across%20differing%20systems%20and%20displays%20the%20result%20is%20that%20the%20em%20measurement%20will%20always%20be%20relative%20and%20scalable.%0D%0A%0D%0AEm%20Calculator%20i" title="LinkedIn"><img src="http://cssherald.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fcssherald.com%2F119%2Fhandy-css-typography-em-calculator%2F&amp;t=Handy%20CSS%20Typography%20Em%20Calculator" title="MySpace"><img src="http://cssherald.com/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://cssherald.com/119/handy-css-typography-em-calculator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
