sansation-thumbnail

Have you wonder how to implement inside your website beautiful custom fonts that you see on the internet or you`re using inside Photoshop? Cufón is a very elegant way to beautify any website with a nice font and is growing in popularity among designers thanks to its simplicity of install and use.

Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.

How to set up Cufón font Replacement:

Here`s a list of tutorials you may need to read to get you familiarized with Cufón and to learn how to use it inside a website.

1. Cufón Usage – GitHub

2. Use Any Font With Cufon

3. Using Cufón font replacement – PaperMashup

Enjoy the list of 20 beautiful fonts ready to be implemented in any webpage:

Colaborate Light


colaborate-light-font

Geo Sans


geo-sans-font

Sansation


sansation-font

Segan Light


segan-font

Josefin Sans Std Light


josefin-sans-std-light

League Gothic


league-gothic-font

Miso


miso-font

Delicious


delicious-font

Kozuka Gothic


kozuka-gothic-pro-font

MgOpen Modata


mg-open-modata-font

Vegur


vegur-font

Bebas Neue


bebas-font

DejaVu


dejavu-font

PT Sans


pt-sans-font

QuickSand


quicksand-font

Aller


aller-font

Museo


museo-font

Yanone


yanone-font

Fertigo


fertigo

Andika


andika-font

Written by Madalin Tudose

Madalin Tudose is a web designer and developer who loves to inspect websites for new designing techniques and trends. He`s the founder of Ourtuts, where he blogs about anything related to web development.

  • http://www.trade4stas.com Stan

    Getting ugly fonts. They do not look like the same as on preview. Like resolution is scaled down.

  • http://www.crooksdesign.co.uk/ Crooksdesign

    I’ve been playing about with Colaborate and find the thin and light versions don’t work too well at smaller pixel sizes. Such a nice font though I’ve increased the pixel size on the whole site so I can use it.

  • http://avtomobili.co Avtomobili

    Free font library cufonfonts.com is very helpful but it’s down right now.

  • http://www.cloudxl.com Brian

    The Aller free license does not allow embeding and the commercial license only allows 1,000 visitors per day. Read for yourself below.

    “16 The Licensee may convert the Font Software to EOT format (or other format which Dalton Maag may from time-to-time make it known that it allows under specific terms) for installation on the Licensee’s Website. Website Visitors are included in the Licensed Unit at the equivalence of 1,000 (one thousand) Website Visitors per day being equal to 1 (one) User of the Font Software. For the purpose of Licensed Unit assessment, the Licensee may disregard the Licensee’s Website’s busiest day in a seven-day period. Should the number of Website Visitors cause the number of Users to exceed the Licensed Unit, the Licensee must immediately purchase an additional Licensed Unit of the correct size to cover the shortfall.”

    • http://deadmedic.com Alex

      The Aller free license *does* permit web embedding, so long as it conforms to the terms specified in Dalton Maag’s Web Embedding FAQ (namely cufon, or font-face with a WebOnly convert).

      And regarding traffic limits; yes, 1000 *unique* web visitors per-day counts as 1 desktop user, but the license permits 25 (that’s you + 24,000 web visitors per-day!).

  • http://yourgothicsoulmate.com goth dating

    A goal without a approach is just a fantasy in my honest opinion

  • Tufan

    There are also free font library http://www.cufonfonts.com/

  • http://www.excelentesoluciones.com felipe

    Very nice :)

  • http://www.jennamolby.com Jenna Molby

    Great resource, thanks for sharing!

  • http://www.makeprintingeasy.com Project Center

    Madalin:

    Thanks for the resources. From the link you included it looks as though it’s pretty easy to generate the fonts; will have to play with it more and look through the tutorial links you included.

    @ProjectCenter

  • karunakarna

    ewrewr

  • karunakarna

    it is great sir