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.cssrule.com/fonts/GraublauWeb.eot);
src: url(http://pics.cssrule.com/fonts/GraublauWeb.otf) format("opentype");
}

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

summary of font related posts

google fonts + cufon + font-face

6 comments:

  1. RebeenFebruary 2, 2012 at 9:45 PM

    Thanks for sharing! Good job!

    ReplyDelete
  2. html5 converterMay 18, 2012 at 6:23 AM

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

    ReplyDelete
  3. infyMay 28, 2012 at 2:59 PM

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

    ReplyDelete
  4. Top5BuzzMay 19, 2013 at 3:30 PM

    Thanks a lot this helped me !!!

    ReplyDelete
  5. AnonymousJuly 30, 2013 at 2:39 PM

    thanks a lot, its works!

    ReplyDelete
  6. CSSRuleAugust 1, 2013 at 3:05 PM

    Thank you for the comment :)

    ReplyDelete

Note: Only a member of this blog may post a comment.