Web Design Tutorial – Cufon Font Replacement
Dec 31, 2011 in
Web Design Tutorials
Nick and James demonstrate the Cufon HTML Font Replacement technique and talk about the advantages of using it over sIFR. You can read the supporting blog post at www.crearedesign.co.uk
Like this post? Subscribe to my RSS feed and get loads more!
13 comments
happytailsspa on February 26, 2010 at 4:45 pm
Hey Guys,
great job, kick ass tutorials, clear, well thought out and very useful.
Thanks and keep up the good work
Kevin
readerwriter on March 11, 2010 at 10:09 pm
Thanks for the great tutorial :D Very clear and easy to follow.
Would you consider making a tutorial about how to use sIFR as well? There are hardly any vids about it that I can find, and you guys sound like you know what you’re doing!
Thanks again
opticseo on May 15, 2010 at 12:27 am
Great video guys. I have been looking for a way to do this with real crawl-able text. I hate flash . .
DeLL116 on December 7, 2010 at 12:47 pm
what advantage does this method offer opposed to using CSS to change fonts? (not tyring to be sarcastic….serious question here)
crearegroup on December 8, 2010 at 3:22 am
@DeLL116 Using CSS only allows you to select from one of the few ‘Web Safe’ fonts. Font replacement techniques allow you to use any font. There are new techniques in CSS 3 for embedding fonts like @font-face, however they are not fully supported by all browswers. Cufon is cross-platform.
DeLL116 on December 8, 2010 at 11:27 am
@crearegroup – thanks for the reply!
cleverscript on January 25, 2011 at 8:24 am
cleverscript.ru/index.php/javascript/13-scripts/37-cufon
AlbaniaRaftingGroup on April 21, 2011 at 12:30 pm
Thanks guys, great video
Apparently if you use this method to style links, and you want them to change color when in hover state, it can’t be done.
Do you know any solution. Does sifr take care of this ?
serviwebserviweb on October 7, 2011 at 1:01 pm
Thanks, great video
orginunknown on November 1, 2011 at 1:03 pm
@DeLL116 well for one because firefox seems to suck fucking shit at using @font-face. I’ve been trying for hours to figure out why it’s working on every browser but fuckerfox. it’s really pissing me the fuck off which is why im looking at this tutorial.
ZenCartEasyHelp on November 14, 2011 at 6:32 am
Great video! Set up your ecommerce business for free with our Easy Help Zen Cart Tutorials:
pantechuser0815 on December 7, 2011 at 11:11 am
i wonder if the anti-aliasing is different compared to the method of @font-face. if you use font-face, the result is different from ie to ff for instance. is there a similar effect when using cufon?
kabadanke on December 14, 2011 at 11:30 am
Thank you guys so much for this tutorial!!!
You must be logged in to post a comment.