12
Oct

40 Creative Uses Of Cufón Font Replacement

Cufón has been growing in popularity among designers as an alternative to sIFR. I have personally used it on a couple website designs for clients now, and I have to say, it’s a great tool to add creativity to your website without cluttering it with a huge amount of image tags.

I went through the interwebs and scoured for hours upon hours (ok, maybe just 2) to find a showcase of some of the creative uses of the Cufón font replacement in action. Below are those websites. If you know of one (or you own one), feel free to drop a comment and let us know. :)

The Visual Click ↓

The Visual Click

Press 75 ↓

Press 75

Newlife Uniting ↓

Newlife Uniting

IceArt ↓

IceArt

International Rugby Association ↓

International Rugby Association

Phoenix Web Design ↓

Phoenix Web Design

St. Andrews Presbyterian Church ↓

St Andrews

Rock Beats Paper ↓

Rock Beats Paper

Mochi Media ↓

Mochi Media

Pixel PR Studio Reklamy ↓

Pixel PR Studio Reklamy

ROCK.CZ ↓

Rock

Momentify ↓

Momentify

Localti.me ↓

Localti.me

Healthy Valdosta ↓

Healthy Valdosta

Don’t Talk To Robots ↓

dont talk to robots

Sage Blue ↓

Sage Blue

Camtessa ↓

Camtessa

You Know Who ↓

You Know Who

Pixel Hype Design ↓

Pixel Hype Design

Shopify ↓

Shopify

Primer Presents ↓

Primer Presents

Chantyce ↓

Chantyce

PSD2eCommerce ↓

PSD2eCommerce

Strip Turnout ↓

Strip Turnout

Zendesk ↓

Zendesk

Yellow Bird Project ↓

Yellow Bird Project

Mana Music ↓

Mana Music

Rut Med Flera ↓

Rut Med Flera

Ugmonk ↓

Ugmonk

34One Design Studio ↓

34One Design Studio

Meinl Percussion ↓

Meinl Percussion

Copimaj Interactive ↓

Copimaj Interactive

Adlucent ↓

adlucent

CGInspired ↓

CGInspired

Zero One Hundred ↓

Zero One Hundred

Logobay ↓

Logobay

Corking Design ↓

Corking Design

Gaby Castellanos ↓

Gaby Castellanos

Wrangler Face Off ↓

Wrangler Face Off

Festival Boreal ↓

Festival Boreal

Your Turn To Talk

Again, like I said at the beginning of the article, drop us comments and let us know what sites you liked best and if there are any we missed. Also, feel free to let us know what kind of round-up we should focus on next. If there’s something you’d like to see more of, let us know :)

jump to the comment form ↓

  • User Gravatar Robbert
    October 12th, 2009

    I was working on a Joomla website for TradePoint that needed the headers in a different font. I found something about Cufon and could implement it within an hour or so. And not slow at all. Works great for me!
    Nice list by the way!

  • User Gravatar DaveK
    October 12th, 2009

    Handy for some research I’m doing … thanks.

  • User Gravatar Stephen
    October 12th, 2009

    http://www.espn.go.com/espn/et.....usworldcup

  • User Gravatar Kenan
    October 12th, 2009

    Great collection :)
    Can I add my? But its still in development, so i can’t give You the link.

    Here is the preview :)

    http://img131.imageshack.us/i/cufon.jpg/

  • User Gravatar James Kemp
    October 12th, 2009

    That is a good selection of sites using the Cufon replacement method. I’ve used it in a few of my sites and find it to be a great tool and a lot easier to implement than Sifr. I also found it easy to solve any problems I had when using it; there seems to be a fairly extensive user base.

    Thanks for the inspiration!

  • User Gravatar Owen
    October 12th, 2009

    Momentify (the 12th one) is a template right off Theme Forest…. I don’t see how that qualifies as anything creative…

  • User Gravatar Jon Phillips
    October 12th, 2009

    @Owen: Yes, but even if it’s a template it doesn’t mean Cufón wasn’t used in creative ways :)

  • User Gravatar Roland
    October 13th, 2009

    Great collection :) I’ve never used Cufón before. Will definitely try it :)

    http://rl-creative.com

  • User Gravatar dean
    October 13th, 2009

    thanks for the mention chaps.

    dean @ pixel hype design

  • User Gravatar Mike
    October 13th, 2009

    Having used both sIFR and cufon, I am a big fan of cufon. We do use cufon in a couple of themes of ours, Delirium and Raptor. If you’d have known probably one of them would have made it to the list :) Great selection though. Cheers

  • User Gravatar Tampa accident attorney
    October 13th, 2009

    These look awesome… I will definitely trying to use Cufón. Thanks for the post!

  • User Gravatar boiss
    October 13th, 2009

    cufon is great, but the best technique to do font replacement, that do not rely on javascript neither image replacement, neither flash is using @font-face, it works for IE6+, Firefox 3.5(+), Safari 4(+), and Opera 9+, the only browser that does not work for now is chrome, although i think google will change their beavior quite soon.

  • User Gravatar choen
    October 13th, 2009

    nice collection, i like Cufón

  • User Gravatar Mark Goddard
    October 15th, 2009

    Honoured to be included on the list.
    The Adlucent site is a particular favourite of mine.

  • User Gravatar clippingimages
    October 28th, 2009

    WoW :) Awesome collection of cufon font. Thanks for sharing this nice post.

  • User Gravatar Monika
    October 30th, 2009

    Wohoo, thanks for mentioning us! Glad you like it :)

  • User Gravatar Daniel Cork
    November 1st, 2009

    Cheers for the mention guys!

  • User Gravatar David Roach
    November 26th, 2009

    I came across my portfolio site in this article, which i found amusing
    Cufon is a brilliant tool ever since i came across it a few months back i don’t think i have made a website since that doesn’t use it.
    There are a couple little bugs which i do hope cufon will fix but its definitely nice to be able to use any font you like.
    Good bye arial

  • User Gravatar Tom Sramek
    February 11th, 2010

    Cufon in action and Cufon plugin for WordPress can be found here http://tomsramek.com/plugins/all-in-one-cufon/
    Enjoy!

  • User Gravatar J.F. Herrera
    February 19th, 2010

    Excellent work. Thanks for spending the 2 hours scouring the web for examples of one can do with cufon.

  • User Gravatar Niall O'Kelly
    March 1st, 2010

    Hi there, nice round up of sites. I’ve been using Cufón in most of my sites since it became available and I’ve definitely found it to be be a much more usable script than SiFR. I’m looking forward to seeing how @fontface works out though. Here’s my own site, which heavily relies on Cufón throughout for its visual style and hierarchy. Let me know what you think… http://okellydesign.com
    Niall

  • User Gravatar Mark James
    May 18th, 2010

    Great article, some brilliant uses of cufon. I’m yet to implement it on any of my sites, but definately look forward to getting it sorted in the near future

  • User Gravatar Deak
    May 25th, 2010

    Unfortunately, most of these websites are breaking the law and you’re doing your readers a disservice by not pointing that out. The licenses for many of the fonts used in your examples actually prevent the use of something like cufon (which re-constructs the font as JavaScript code). With cufon, someone could just steal the JavaScript code and, thus, the font. Very few fonts — even the ones pre-installed on your system — are legally usable by cufon. Aurulent Sans is a proper open source font (there aren’t many) and could be used. Perhaps Google’s Droid font too, but you’d need to check.

  • User Gravatar Gregg
    July 26th, 2010

    Cufon is cool stuff – i used it on a travel agency site recently: http://www.shipsandtripstravel.com
    (Dynamic Feature Rotator and Specials) and multiple fonts on the testimonials page: http://shipsandtripstravel.com.....nials.html

Who Linked To This Post?

  1. designfloat.com
  2. 40 Creative Uses Of Cufón Font Replacement
  3. === popurls.com === popular today
  4. Weekly Web Roundup: The Facebook Edition #21 | Hi, I'm Grace Smith
  5. 40 Creative Uses Of Cufón Font Replacement | Design Newz
  6. 4 Resources om je typografie te verbeteren : WordPress Dimensie
  7. Cufón – Usar cualquier tipografía en una página web | pixelco.us blog
  8. links for 2009-10-12 | Digital Rehab
  9. 135+ Awesome Fresh Article Links for Designers and Developers | tripwire magazine
  10. Website Design Blog – Zero One Hundred, Mark Goddard » My Top Ten Web Designer Resources

Share your thoughts, leave a comment!