How to Use Non-web-safe Fonts in your Website Design

Have you ever wanted to use a fancy font in your design, only to realize that it is a non-web safe font? Ever wish you could add a modern funky typeface to add some coolness to your web design?

Well I suppose you could take a chance and use them, but who's to say your users are going to have that font on their computer. If they don't, your website may not look as cool as you thought as your font will be substituted for another font.

I suppose you could turn your font into a graphic, but that not too cool for the search engine or the size of your page.

The good news for those fonta-fantasticas is Google have a growing collection of some fonts that are available for your to use.

Simply add a small line of code to the HTML of your website and the font you chose is delivered to the website, how cool is that?

Checkout what Google say:

Google Web Fonts lets you browse all the fonts available via the Google Web Fonts API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

• Just go over to Google Web Fonts - http://www.google.com/webfonts
• Search for the font you would like to use
• Click Add to Collection
• Then you can click on Download your Collection
• Add the downloaded font to your Fonts library
• Design your site using the new font
• Go back to Google Web Fonts and select 'Quick use' for the font you have used in your site
• Copy the code associated with your chosen font to the clipboard and then add it to the HTML Head tag

That's it, go and check out your new Funky Cool website.