CODEWITHSUNDEEP
cssinternet-explorerfontsinternet-explorer-11google-font-api
Harold L. Brown
Harold L. Brown

Reputation: 9946

IE 11 doesn't process font declaration correctly

The following font declaration is not working in Internet Explorer 11.

font:300 28px/1.1em 'Lora', arial, sans-serif;

The text is displayed in arial instead of Lora. Lora is a Google Font.

It's working however in Mozilla Firefox, QupZilla and Google Chrome.

But when I change the declaration to 

font:300 28px/1.1em 'Lora';

it's working in IE 11.

What could be the problem?

It gets even stranger: When I save the website as an *.html file to my local disc, the font is displayed correctly. :-(

Upvotes: 2

Views: 2934

Answers (1)

Kasun Peiris
Kasun Peiris

Reputation: 31

Embed Google font on <head>.

<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>

and then try below css

.class{
      font-family: 'Lora', Arial, sans-serif;
      font-weight:400;
      font-size:28px/1.1em;
    }

Upvotes: 1

Related Questions