<?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 tutorials and more &#187; Typography</title>
	<atom:link href="http://jamesowers.co.uk/category/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://jamesowers.co.uk</link>
	<description>CSS &#38; other web developer stuff</description>
	<lastBuildDate>Tue, 25 May 2010 09:18:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Font replacement techniques</title>
		<link>http://jamesowers.co.uk/typography/320/font-replacement-techniques/</link>
		<comments>http://jamesowers.co.uk/typography/320/font-replacement-techniques/#comments</comments>
		<pubDate>Sat, 08 Aug 2009 07:00:30 +0000</pubDate>
		<dc:creator>Jmz</dc:creator>
				<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://jamesowers.co.uk/?p=320</guid>
		<description><![CDATA[In the good old days the only way to display a none web safe font to a user was to save it as an image. This limited the places you could use non web safe fonts. For example, using a non web safe font was a no go for a blog article title, unless you [...]]]></description>
			<content:encoded><![CDATA[<p>In the good old days the only way to display a none web safe font to a user was to save it as an image. This limited the places you could use non web safe fonts. For example, using a non web safe font was a no go for a blog article title, unless you wanted to create an individual image for every post. </p>
<p>Now however, it is possible to use javascript and/or flash to generate content on the fly using non web safe fonts. Here are a few popular techniques you can use.</p>
<p><span id="more-320"></span></p>
<h2>sIFR</h2>
<p>sIFR or Scalable Inman Flash Replacement uses flash and javascript to generate the non web safe fonts. If a user doesn&#8217;t have flash then it degrades gracefully and just shows the text in a web safe font.</p>
<p><a href="http://www.mikeindustries.com/blog/sifr/" title="sIFR"><br />
<img src="http://www.jamesowers.co.uk/wp-content/uploads/sifr.jpg" alt="sIFR" /><br />
</a></p>
<p><strong>There is a <a href="http://wiki.novemberborn.net/sifr3/">documentation site for sIFR</a> and a <a href="http://www.mikeindustries.com/blog/files/sifr/2.0/">demo of sIFR</a>.</strong></p>
<h2>FLIR</h2>
<p>FLIR is another font replacement technique that is advertised as an alternative to sIRF. Rather than generating the text with flash. FLIR actually generates the image on the fly. Out of the three image replacement techniques I am going through today, FLIR is the one I have used least so I don&#8217;t want to go into it too much, just check out the site and decide for yourself!</p>
<p><a href="http://facelift.mawhorter.net/" title="FLIR"><br />
<img src="http://www.jamesowers.co.uk/wp-content/uploads/flir.jpg" alt="FLIR" /><br />
</a></p>
<p><strong>There is a <a href="http://docs.facelift.mawhorter.net/">documentation site for FLIR</a> and a <a href="http://facelift.mawhorter.net/examples/">demo of FLIR</a>.</strong></p>
<h2>cufón</h2>
<p>cufón is my current favourite method of font replacement. I used to use sIFR most but now I have switched to cufón. I should mention, the downside to cufón is that you can&#8217;t highlight the text that is generated.</p>
<p>cufón uses a font generator to generate a javascript file which is basically used as a rendering engine to convert the text in your HTML to the the font you want to use. If you want to learn more about how cufón works there is an <a href="http://wiki.github.com/sorccu/cufon/about">explanation on their site</a>.</p>
<p><a href="http://cufon.shoqolate.com/generate/" title="cufón"><br />
<img src="http://www.jamesowers.co.uk/wp-content/uploads/cufon.jpg" alt="cufón" /><br />
</a></p>
<p><strong>There is a <a href="http://wiki.github.com/sorccu/cufon">documentation site for cufón</a> and a <a href="http://wiki.github.com/sorccu/cufon/demos">demo of cufón</a>.</strong></p>
<p>There is also an excellent video guide on <a href="http://net.tutsplus.com/videos/screencasts/the-easiest-way-to-use-any-font-you-wish/">using cufón</a> by <a href="http://net.tutsplus.com/author/jeffreyway/">Jeffrey Way</a>.</p>
<h2>Conclusion</h2>
<p>Hopefully this article will give you an idea of the options available to you when using font replacement. I didn&#8217;t want to tell you what to use, I&#8217;d rather show you the options and let you decide which is best for your project.</p>
]]></content:encoded>
			<wfw:commentRss>http://jamesowers.co.uk/typography/320/font-replacement-techniques/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Served from: jamesowers.co.uk @ 2010-07-29 23:06:54 by W3 Total Cache -->