CODEWITHSUNDEEP
cssinternet-explorerfont-faceeot
user2034961
user2034961

Reputation: 23

EOT font doesn't work in Internet Explorer when website is online (works fine when offline)

I used the following code to embed the fonts in my website. This font works fine online and offline in Chrome and Firefox. But it doesn't appear in Internet Explorer when I upload the site.

Is there any setting that I'm supposed to do on my hosting site or is there any specific settings regarding character set?

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

<style type="text/css"> 
@font-face
{
font-family:GothamBook;
src:url('fonts/gothambook.eot');
src:url('fonts/gothambook.eot?#iefix') format('embedded-opentype'),
        url('fonts/gothambook.woff') format('woff'),
        url('fonts/gothambook.ttf') format('truetype'),
        url('fonts/gothambook.svg#svg/gothambook') format('svg')

}
</style>
</head>

please help me i want to make this code work in Internet explorer.

Upvotes: 0

Views: 1885

Answers (2)

Jukka K. Korpela
Jukka K. Korpela

Reputation: 201728

This is most probably a cross-site access issue that requires settings in the server hosting the fonts: Access-Control-Allow-Origin header needs to be set to allow access from a different domain. See How to add an Access-Control-Allow-Origin header.

Upvotes: 0

easwee
easwee

Reputation: 15915

Try adding 

AddType application/vnd.ms-fontobject .eot

to your .htaccess file

Upvotes: 1

Related Questions