WTFDWK

Any font you want..!

Categories: CSS  |  Written By: hoboballan

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

Leave a Reply

Back to the top

Looking for something?

Browse Posts By Category

Choose a category below to browse and subscribe to specific content.

Subscribe

Stay updated with WTFDWK via RSS or maybe you would like to share this post?