Monday, May 30, 2011

Fixing font-face Problems in IE

GraublauWeb font was working fine in Firefox for me but not in IE. I have the before's and after's to show you the changes that I had to make in order to have it working in IE. To implement font-face that will work across browsers, use Fontspring @font-face syntax.

BEFORE:
@font-face {
font-family:'GraublauWeb';
src: url(http://pics.cssbakery.com/fonts/GraublauWeb.eot);
src: url(http://pics.cssbakery.com/fonts/GraublauWeb.otf) format("opentype");
}

AFTER:
@font-face {
font-family:'GraublauWeb';
src: url("http://pics.cssbakery.com/fonts/GraublauWeb.eot?") format('eot'), url(http://pics.cssbakery.com/fonts/GraublauWeb.otf) format("opentype");
}

6 comments:

Rebeen said...

Thanks for sharing! Good job!

html5 converter said...

Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write ups thanks once again.

infy said...

http://www.cssbakery.com/2011/05/fixing-font-face-problems-in-ie.html

Top5Buzz said...

Thanks a lot this helped me !!!

Anonymous said...

thanks a lot, its works!

CSSBakery said...

Thank you for the comment :)

Post a Comment