IE8 Using Google Font on ENTIRE Page Instead of Just Selected Text
        Posted  
        
            by 
                Jim
            
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by Jim
        
        
        
        Published on 2012-10-13T09:12:56Z
        Indexed on 
            2012/10/13
            9:37 UTC
        
        
        Read the original article
        Hit count: 276
        
All my web searches for Google Fonts with IE8 show people talking about google fonts just not loading or not showing up. I don't have that problem. Instead IE8 is loading my Google Font just fine, but its applying the font to ALL the type on the page! Things seem to be fine in other browsers. Is there some kind of glitch in my CSS that IE is choking on?
http://nbkclientsite.fuzzpopstudio.com/
Ok here's some of the relevant css:
body {
    font-size: 16px;
    font-size: 1rem;
    font-family: Helvetica-Neue,Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #444;
}
.contact-us-text {
    font-family: 'Arvo', serif;
    font-size: 150%;
    color: #2770b4;
}
.contact-us-phone {
    font-family: 'Arvo', serif;
    font-size: 175%;
}
Everything pertinent should be in just one style sheet. You can easily view it with Firebug or Chrome's Inspector or whatever you want.
In FF and Chrome, everything is inheriting Helvetica or Arial as it should be. But not in IE8. You'd have to use Firebug and view the entire stylesheet if you want to see more.
© Stack Overflow or respective owner