css problem in ie9 (wp theme) heeelllpppppppppppppppp!

Discussion in 'CSS' started by darrens, Sep 12, 2012.

0
  1. #1
    Guys,

    A freind has a blog and has noticed that for some reason some text/font isn't loading in ie9.
    I have had a look and he is correct .... loads fine in ie 6,7 and 8, FF and Chrome .... but not in ie9.

    I think it has something todo with a font and the css reference to it? but i could be totally wrong.

    Can you help?

    The blog is www . iwant2go2 majorca .co. uk (remove the spaces please)

    Notice the right hand column .... it starts of with a search form field and then just below the is a paragraph of text that reads "Welcome to the ...."
    Between these 2 elements there should be the words 'MAJORCA TRAVEL BLOG' in a strange font?
    It appears in old ie browsers, FF and Chrome but not in IE 9????

    Can anyone help and advise what i need to do to make it work?
     
    darrens, Sep 12, 2012 IP
  2. yho_o

    yho_o Well-Known Member

    Messages:
    354
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    140
    #2
    make sure to include the font using the right/full method in your css file

    for example:

    @font-face {
    font-family: 'FloranteatLauraRegular';
    src: url('FLORLRG_-webfont.eot');
    src: url('FLORLRG_-webfont.eot?#iefix') format('embedded-opentype'),
         url('FLORLRG_-webfont.woff') format('woff'),
         url('FLORLRG_-webfont.ttf') format('truetype'),
         url('FLORLRG_-webfont.svg#FloranteatLauraRegular') format('svg');
    font-weight: normal;
    font-style: normal;


}
    Code (markup):
     
    yho_o, Sep 14, 2012 IP