Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 18, 2013 at 11:55 pm #201727
    bryanpeck

    So I have set up Calibri as the custom font of choice for my site and it’s working great in FF and Chrome, but it’s not working in IE. In fact, it’s reverting to Times Roman for IE.

    1. How do I get the custom font to work in IE?
    if I can do #1, then
    2. How do I set what default font I want to use in IE?

    December 19, 2013 at 9:20 pm #202257
    bryanpeck

    Does anyone have a way to help me on this?

    December 20, 2013 at 1:51 am #202337
    Yigit

    Hey!

    Can you post the link to your website so we can test it ?

    Best regards,
    Yigit

    December 20, 2013 at 2:06 am #202353
    bryanpeck

    The URL is http://dev.wiggleworkskids.net

    Thank you for your help.

    December 20, 2013 at 4:25 am #202414
    Ismael

    Hey!

    What is the font that you want to apply? I found this css declaration which is incorrect.

    p, em, div {
font-family: "body-font"!important;
}

    Replace it with this code on Quick CSS or custom.css:

    p, em, div {
font-family: 'Open Sans', sans-serif;
}

    Cheers!
    Ismael

    December 20, 2013 at 5:48 am #202430
    bryanpeck

    Basically none of the fonts are being used. They are all reverting to Times Roman. Not just the body text.

    December 20, 2013 at 7:15 pm #202657
    Devin

    Hi!

    The way you have the @font-face structured is not correct as far as I know. Combined with how you have the fonts then declared under it IE is probably just failing while the others are more gracefully falling back on a valid css declaration.

    You can read more about @font-face here:http://www.font-face.com/

    Best regards,
    Devin

    December 21, 2013 at 12:49 am #202753
    bryanpeck

    OK….so I really appreciate all of the advice, but nothing is helping. I have a few different fonts going on here. There is 1 font for the body content and another font for the H1, H2, H3, etc. NONE of these are working on IE at all. They are all being stripped when the site is viewed on IE. Is there any “fix” to ensure that the fonts are usable on the IE browser?

    December 23, 2013 at 10:32 am #203231
    Dude

    Hey!

    It seems like you’re using Helvetica for the body at the moment. Try to add following code to the quick css field to change the font

    
body { font: 16px/1.95em "Calibri", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.helvetica-websave{		font-family: "Calibri", Helvetica, "HelveticaNeue", "Helvetica Neue", Arial, Verdana, sans-serif;	}
.helvetica-neue-websave{        font-family: "Calibri", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;	}

    Regards,
    Peter

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Font in IE different than FF and Chrome’ is closed to new replies.