sIFR (Scalable Inman Flash Replacement) is probably the most widely used technique for displaying custom typography on your websites. But Cufòn is a really potential candidate to "push sIFR of the pedistall".
Cufòn is really easy to use and its performans blows away sIFR. Also seems more reliable and stable in production and gives a more consistent result.
All you have to do
- Download the Cufòn script from http://cufon.shoqolate.com/
- Generate a Cufòn font via http://cufon.shoqolate.com/generate/
- Insert the scripts into the header
- Call the JS on the selectors to be transformed, fx. Cufon.replace('h2.teaser-title')
Here's an example on how to use Cufòn:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="cufon-yui.js" type="text/javascript"></script>
<script src="Frutiger_LT_Std_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1');
</script>
</head>
<body>
<h1>This text will be shown in Frutiger LT Std.</h1>
</body>
</html>
Post new comment