<?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>Pemaquid Crunch: Web Design notes from Portland, Maine &#187; fonts</title>
	<atom:link href="http://www.pemaquid.com/blog/category/fonts/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pemaquid.com/blog</link>
	<description>Tips on Web Design, Usability and Web Strategy from Portland, Maine</description>
	<lastBuildDate>Mon, 09 Jan 2012 22:35:38 +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>CSS3, Web fonts and Typekit</title>
		<link>http://www.pemaquid.com/blog/2009/11/18/css3-web-fonts-and-typekit/</link>
		<comments>http://www.pemaquid.com/blog/2009/11/18/css3-web-fonts-and-typekit/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 21:17:43 +0000</pubDate>
		<dc:creator>Rob</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[fonts]]></category>

		<guid isPermaLink="false">http://www.pemaquid.com/blog/?p=367</guid>
		<description><![CDATA[It&#8217;s getting easier and easier for designers to make use of a wide variety of fonts in their Web projects. This is due to advances in CSS3, including the @font-face declaration, which in turn has led to the development of Typekit, a font &#8220;broker&#8221; of sorts. I&#8217;m giving short presentation on the subject tonight to [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s getting easier and easier for designers to make use of a wide variety of fonts in their Web projects.  This is due to advances in CSS3, including the @font-face declaration, which in turn has led to the development of <a href="http://typekit.com">Typekit</a>, a font &#8220;broker&#8221; of sorts.</p>
<p>I&#8217;m giving  short presentation on the subject tonight to the <a href="http://www.nhupa.org">New Hampshire Usability Professionals Association</a>.  Here are some recent, relevant links on the topic:</p>
<ul>
<li><a href="http://www.printmag.com/Article/Questions-for-Jeffrey-Zeldman-Part-1">Jeffrey Zeldman on the latest advances in Web typography</a></li>
<li><a href="http://www.w3.org/TR/css3-fonts/#the-font-face-rule">W3C &#8211; CSS Fonts Module Documentation</a></li>
<li><a href="http://www.css3.info/preview/web-fonts-with-font-face/">CSS3.info &#8211; article on @font-face</a></li>
<li><a href="http://www.alistapart.com/articles/cssatten">A List Apart &#8211; CSS at 10</a></li>
<li><a href="http://www.cmurrayconsulting.com/design-creative/ie8-disappointments-examples/">Issues with IE8 and Web font rendering</a></li>
<li><a href="http://typekit.com">Typekit</a></li>
</ul>
<div class="tweetmeme_button" style="margin:0 20px 0 0;float:left;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F&amp;source=pemaquid&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow" href="http://twitter.com/home?status=CSS3%2C%20Web%20fonts%20and%20Typekit%20-%20http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F" title="Twitter"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F&amp;t=CSS3%2C%20Web%20fonts%20and%20Typekit" title="Facebook"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F&amp;title=CSS3%2C%20Web%20fonts%20and%20Typekit&amp;bodytext=It%27s%20getting%20easier%20and%20easier%20for%20designers%20to%20make%20use%20of%20a%20wide%20variety%20of%20fonts%20in%20their%20Web%20projects.%20%20This%20is%20due%20to%20advances%20in%20CSS3%2C%20including%20the%20%40font-face%20declaration%2C%20which%20in%20turn%20has%20led%20to%20the%20development%20of%20Typekit%2C%20a%20font%20%22broker%22%20of" title="Digg"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://delicious.com/post?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F&amp;title=CSS3%2C%20Web%20fonts%20and%20Typekit&amp;notes=It%27s%20getting%20easier%20and%20easier%20for%20designers%20to%20make%20use%20of%20a%20wide%20variety%20of%20fonts%20in%20their%20Web%20projects.%20%20This%20is%20due%20to%20advances%20in%20CSS3%2C%20including%20the%20%40font-face%20declaration%2C%20which%20in%20turn%20has%20led%20to%20the%20development%20of%20Typekit%2C%20a%20font%20%22broker%22%20of" title="del.icio.us"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F&amp;title=CSS3%2C%20Web%20fonts%20and%20Typekit&amp;annotation=It%27s%20getting%20easier%20and%20easier%20for%20designers%20to%20make%20use%20of%20a%20wide%20variety%20of%20fonts%20in%20their%20Web%20projects.%20%20This%20is%20due%20to%20advances%20in%20CSS3%2C%20including%20the%20%40font-face%20declaration%2C%20which%20in%20turn%20has%20led%20to%20the%20development%20of%20Typekit%2C%20a%20font%20%22broker%22%20of" title="Google Bookmarks"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F&amp;h=CSS3%2C%20Web%20fonts%20and%20Typekit" title="NewsVine"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F&amp;title=CSS3%2C%20Web%20fonts%20and%20Typekit" title="StumbleUpon"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F" title="Technorati"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F&amp;t=CSS3%2C%20Web%20fonts%20and%20Typekit&amp;s=It%27s%20getting%20easier%20and%20easier%20for%20designers%20to%20make%20use%20of%20a%20wide%20variety%20of%20fonts%20in%20their%20Web%20projects.%20%20This%20is%20due%20to%20advances%20in%20CSS3%2C%20including%20the%20%40font-face%20declaration%2C%20which%20in%20turn%20has%20led%20to%20the%20development%20of%20Typekit%2C%20a%20font%20%22broker%22%20of" title="Tumblr"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2009%2F11%2F18%2Fcss3-web-fonts-and-typekit%2F&amp;partner=sociable" title="Print this article!"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print this article!" alt="Print this article!" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.pemaquid.com/blog/2009/11/18/css3-web-fonts-and-typekit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quite a character, that ampersand&#8230;</title>
		<link>http://www.pemaquid.com/blog/2008/08/18/quite-a-character-that-ampersand/</link>
		<comments>http://www.pemaquid.com/blog/2008/08/18/quite-a-character-that-ampersand/#comments</comments>
		<pubDate>Mon, 18 Aug 2008 12:04:41 +0000</pubDate>
		<dc:creator>Rob</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[fonts]]></category>

		<guid isPermaLink="false">http://www.pemaquid.com/blog/quite-a-character-that-ampersand</guid>
		<description><![CDATA[&#38; CSS wizard Dan Cederholm has an interesting post on the use of the ampersand. It includes handy charts of the ampersands available by default on the Max OS X, Windows XP and Windows Vista operating systems. Speaking of fonts, Joshua Darden has a bunch of interesting offerings, including the brand new Jubilat, used by [...]]]></description>
			<content:encoded><![CDATA[<div style="float:right;margin:20px;font-family:zapfino, sylfaen, calibri;font-size:600%;">&amp;</div>
<p>CSS wizard Dan Cederholm has an interesting post on the use of the ampersand.  It includes <a href="http://www.simplebits.com/notebook/2008/08/14/ampersands.html">handy charts of the ampersands available by default on the Max OS X, Windows XP and Windows Vista operating systems</a>.</p>
<p>Speaking of fonts, Joshua Darden has a bunch of interesting offerings, including the brand new <a href="http://www.dardenstudio.com/typefaces/jubilat">Jubilat</a>, used by <a href="http://aneventapart.com/">An Event Apart 2008</a>.  His <a href="http://www.dardenstudio.com/typefaces/birra_stout">Birra Stout</a> is a free font, if you&#8217;d like to give that a whirl.  Great looking ampersands in these sets &#8211; <a href="http://www.dardenstudio.com/galley/?family=Birra%20Stout">see &#8216;em here</a>.
<div class="tweetmeme_button" style="margin:0 20px 0 0;float:left;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F&amp;source=pemaquid&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow" href="http://twitter.com/home?status=Quite%20a%20character%2C%20that%20ampersand...%20-%20http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F" title="Twitter"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F&amp;t=Quite%20a%20character%2C%20that%20ampersand..." title="Facebook"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F&amp;title=Quite%20a%20character%2C%20that%20ampersand...&amp;bodytext=%26amp%3B%0D%0A%0D%0ACSS%20wizard%20Dan%20Cederholm%20has%20an%20interesting%20post%20on%20the%20use%20of%20the%20ampersand.%20%20It%20includes%20handy%20charts%20of%20the%20ampersands%20available%20by%20default%20on%20the%20Max%20OS%20X%2C%20Windows%20XP%20and%20Windows%20Vista%20operating%20systems.%0D%0A%0D%0ASpeaking%20of%20fonts%2C%20Joshua%20Dard" title="Digg"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://delicious.com/post?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F&amp;title=Quite%20a%20character%2C%20that%20ampersand...&amp;notes=%26amp%3B%0D%0A%0D%0ACSS%20wizard%20Dan%20Cederholm%20has%20an%20interesting%20post%20on%20the%20use%20of%20the%20ampersand.%20%20It%20includes%20handy%20charts%20of%20the%20ampersands%20available%20by%20default%20on%20the%20Max%20OS%20X%2C%20Windows%20XP%20and%20Windows%20Vista%20operating%20systems.%0D%0A%0D%0ASpeaking%20of%20fonts%2C%20Joshua%20Dard" title="del.icio.us"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F&amp;title=Quite%20a%20character%2C%20that%20ampersand...&amp;annotation=%26amp%3B%0D%0A%0D%0ACSS%20wizard%20Dan%20Cederholm%20has%20an%20interesting%20post%20on%20the%20use%20of%20the%20ampersand.%20%20It%20includes%20handy%20charts%20of%20the%20ampersands%20available%20by%20default%20on%20the%20Max%20OS%20X%2C%20Windows%20XP%20and%20Windows%20Vista%20operating%20systems.%0D%0A%0D%0ASpeaking%20of%20fonts%2C%20Joshua%20Dard" title="Google Bookmarks"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F&amp;h=Quite%20a%20character%2C%20that%20ampersand..." title="NewsVine"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F&amp;title=Quite%20a%20character%2C%20that%20ampersand..." title="StumbleUpon"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F" title="Technorati"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F&amp;t=Quite%20a%20character%2C%20that%20ampersand...&amp;s=%26amp%3B%0D%0A%0D%0ACSS%20wizard%20Dan%20Cederholm%20has%20an%20interesting%20post%20on%20the%20use%20of%20the%20ampersand.%20%20It%20includes%20handy%20charts%20of%20the%20ampersands%20available%20by%20default%20on%20the%20Max%20OS%20X%2C%20Windows%20XP%20and%20Windows%20Vista%20operating%20systems.%0D%0A%0D%0ASpeaking%20of%20fonts%2C%20Joshua%20Dard" title="Tumblr"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.pemaquid.com%2Fblog%2F2008%2F08%2F18%2Fquite-a-character-that-ampersand%2F&amp;partner=sociable" title="Print this article!"><img src="http://www.pemaquid.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print this article!" alt="Print this article!" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.pemaquid.com/blog/2008/08/18/quite-a-character-that-ampersand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

