Cufón – best webfont solution so far

cufon

While waiting for more browsers to support CSS3′s @font-face, the javascript method Cufón is an interesting alternative to the more commonly used sIFR method.

It’s pure Javascript, so it doesn’t require any plugins like sIFR does. And it has faster loading times than sIFR. Depending on the browser, it internally uses different techniques like SVG, Canvas and VML paths to draw the fonts. Luckily, web developers don’t need to know much about it, it just works!

How to use

  1. Download cufon-yui.js
  2. Generate a javascript file of the faces you need of your font. Check “Basic Latin” + “Latin- 1 Supplement” for Norwegian characters.
  3. Add cufon-yui.js and yourGeneratedFontFile.js in html head.
  4. Then, for example,  to use font on all h1-tags: Cufon.replace(‘h1′);

Make sure to only use fonts that allows font embedding – check the EULA (end user licence agreement).

http://cufon.shoqolate.com/

This entry was posted in CSS, Front-end, JavaScript. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>