• Any font you want..!

  Date: Oct 28, 2009  |  Categories: Css  |  Written By: Mike Ballan  

Yes that’s right you can now have any font you want on your website by using this new shiny bit of css code in your website..!

The guys over at @font-face have devised a very cleaver bit of css that will look for a font on your websites server and use that. You still can have default fonts too as when I tested this out “IE 6 & Google Chrome” didn’t work but all later versions of IE, Firefox, Safari and Opera all worked fine.

So what do you need to do..?

Well first chuck the code below into you sites body section.

<style type="text/css" media="screen, print">
 	@font-face {
  		font-family: "Museo";
  		src: url("http://www.sitemanehere.co.uk/Museo500-Regular.otf");
 	}
</style>

Then add this to your sites CSS file and hay presto any font you want now works on your website.

body { font-family: "Museo", Verdana, Geneva, sans-serif }

All you will need to do is upload the font you want your site to use, in my case i used “Museo” but any will do.

If you need anymore help getting this working there are full instructions over on the @font-face website..!