If you are getting bored of using “Web-safe” fonts like Arial and Verdana for headings and at the same time, lazy to render the text in images, then you should consider dynamic text replacement.
In this short tutorial, I will focus on the 2 most widely used methods : Cufón and Typeface.j
Cufon.replace(‘h1, h2, h3′);
That’s all about it. In the above example, <h1>,<h2> and <h3> will be presented in Black Jack font!
Download Typeface.js library from here.
Just like Cufón, convert and download fonts using the tool provided (See above image)
Here is the final step. To make it easier for you, I have include the whole working HTML below:-
<div style=”font-family: Blackjack”>
Knock Some Sense
Though both the methods allow you to have beautiful typography on your website, it is advisable not use to it on all of the text on your page. It will slow down your site
Hope this tutorial helps!