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 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Geo Sans


geo sans font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Sansation


sansation font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Segan Light


segan font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Josefin Sans Std Light


josefin sans std light 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

League Gothic


league gothic font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Miso


miso font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Delicious


delicious font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Kozuka Gothic


kozuka gothic pro font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

MgOpen Modata


mg open modata font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Vegur


vegur font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Bebas Neue


bebas font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

DejaVu


dejavu font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

PT Sans


pt sans font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

QuickSand


quicksand font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Aller


aller font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Museo


museo font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Yanone


yanone font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Fertigo


fertigo 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

Andika


andika font 20 Beautiful Fonts You Can Implement With Cufón Font Replacement

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