Search This Blog

Thursday, February 10, 2011

Font Face Working in All Browsers.... Must use it.... By Jasmin Kanani...

Put this code to your <head> Section of youor HTML page.

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->

Create NEW CSS named ie.css and put the below code to that CSS and make sure the font extention must be .eot for internet Explorer.

@font-face {
    font-family: erasdust;
    src: url('../font/ERASDUST.eot');   
}

And for other Browsers put the below code to the your main CSS

@font-face {
    font-family: erasdust;
    src: url('../font/ERASDUST.TTF');   
}

Note: Don't forget to make folder for fonts and put the fonts in that folder only....

No comments:

Post a Comment