Archive · August 18, 2010
cufon use any font* in your website
sample page:
http://primaxstudio.com/stuff/cufon/cufon.html
angelina font (attached):
http://www.dafont.com/search.php?psize=m&q=angelina
comfortaa font for nav is attached
js generator:
http://cufon.shoqolate.com/generate/
i've generated the 2 fonts. if there's any errors, omissions you can regenerate.
if you're going to use 2 different fonts. i.e., the H1's and the navigation you'll have to use this. i wrote this without checking so it might not be 100% correct: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" c> <script src="cufon-yui.js" type="text/javascript"></script> <script src="Angelina_400.font.js" type="text/javascript"></script> <script src="Comfortaa_400.font.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('h1', { fontFamily: 'Angelina_400' }); Cufon.replace('.nav', { fontFamily: 'Comfortaa_400' }); </script> </head> <body> <h1>This text will be shown in Angelina.</h1> <div>This text will be shown in .</div> </body> </html>*almost any font... mileage may vary.