
Use Cufon to make nice fonts.
Cufon - Easy Font Replacement
Lets face it, the fonts that are available to use on webpages are very limited if you want your page to have a consistent look across all browsers. An easy way to improve the typography of the web page that you are working on is to employ an image replacement technology. The basic idea behind image replacement is that the HTML elements on the screen are replaced with nicer fonts using either JavaScript or Flash or a combination of both.
I have worked with sIFR in the past, which was really nice, but it requires that you create special flash file in order to properly display the font. The pretty text that is creating with the sIFR method is even selectable. If you are familar with Flash and have it installed on you computer I think that this is an excellent method to use if you would like some nicer fonts on your site.
Lately, however, I have been using a different method for image replacement. I stumbled across this technology a while ago and have been using it for all my image replacement needs lately. Cufon uses JavaScript to create an image of the text your are replacing and places it correctly on the page. If you would like an example of this technology look no further than the navigation element of this page. Cufon if very easy to get up and running. You need to download the Cufon package from their website and include all of the scripts in the head tag of your HTML document. You will then need to tell Cufon which elements you would like to replace:
<script type="text/javascript">
Cufon.replace('h1');
</script>
This will replace all of the H1 elements on your page. The fonts that you use can be created at their website using an simple generator.
It is important to note that IE6 only replaces default HTML elements like H1, H2, B, etc. If you want Cufon to replace elements with custom class selectors in IE6 you need to download a selector engine.
Need More?
Here are the five most recent blog entries:
-
Cufon - Easy Font Replacement
21-Dec-09 09:01
-
My favorite free font: Quicksand
23-Nov-09 18:41
-
Hello there welcome to the new site
22-Oct-09 10:17