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 chuck this code into you sites css and hay presto any font you want now works on your website.


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

body { font-family: "Museo", Verdana, Geneva, sans-serif }
</style>


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..!