RSS Feed MattJura.com
Register Login

HTML, HTML5

Cufon - Font replacement methods pt2

Using Cufón

Cufón uses a mixture of canvas and VML to render the fonts.

In order to function, you need to use the font converter utility on the website - http://cufon.shoqolate.com/generate/ and you’ll need to choose which glyphs should be included.

Please make sure you have the right permissions / licence to use the font.

After accepting the terms click on "Let's do this" and you will be presented with two downloadable javascript files. These files need to be uploaded to your site and referenced in the head of the page.

<script src="/js/cufon-yui.js" type="text/javascript"></script>
<script src="/js/ChunkFive.font.js" type="text/javascript"></script>

Google Fonts Api - Font replacement methods pt1

Using Google Fonts API

The Google Font API helps you add web fonts to any web page.

Benefits of the Google Font API include:

  •  A choice of high quality open source fonts.
  •  Works in most browsers.
  •  Extremely easy to use.

First visit the Google Web Fonts beta page and choose one of the available fonts, click on the "Use this font" and follow th instructions.

Matt Jura

Matt is a Front End Developer, UI designer, DotNetNuke, E-commerce and SEO specialist, responsible for large number of websites, including e-commerce and online catalogues for domestic and international clients.
View my portfolio on Behance
View my profile on KLOUT
Add me to your circles
Follow me on Twitter


Matt Jura on Twitter
New project going strong http://t.co/xBA4Zx04 #DotNetNuke Posted 27 days ago
@eagleworx tanks, these are txt/HTML tokens, I was looking for skin object - see 40fingers skin on codeplex. Resolved with txt/html :) Posted 53 days ago
@MattsDailyTweet #DotNetNuke User Avatar <img src="[PROFILE:PHOTO]" /> pasted in the editor as raw text + token replacement on Posted 53 days ago
Little help required #DotNetNuke - what is a skin token for the UserPhoto (avatar) - dnn 6.1+ Posted 53 days ago
Finally in new office, nearly a week later than planned but worth it, do not try to call me on old number :-) Posted 58 days ago
@darthberne @presleysylwia no to ustalmy date I powod sie znajdzie, moze w przyszlym tygodniu Posted 67 days ago
@presleysylwia @darthberne to moze wymyslimy powod na spotkanie I zrealizujemy pomysl na wspolne piwko ? Posted 67 days ago
@darthberne @presleysylwia powoli do przodu, nie mam co narzekac, caly czas w tym samym miejscu i z usmiechem na buzce :) Posted 67 days ago

Follow me

WSI DNN services