当网站在线时,EOT字体在Internet Explorer中不起作用(离线时工作正常)

时间:2013-02-02 10:03:24

标签: css internet-explorer font-face eot

我使用以下代码在我的网站中嵌入字体。此字体在Chrome和Firefox中可在线和离线使用。但是当我上传网站时,它不会出现在Internet Explorer中。

我的主机网站上是否有任何设置,或者是否有关于字符集的特定设置?

<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>

请帮助我,我想让这段代码在Internet Explorer中运行。

2 个答案:

答案 0 :(得分:1)

尝试添加

AddType application/vnd.ms-fontobject .eot

到您的.htaccess文件

答案 1 :(得分:0)

这很可能是跨站点访问问题,需要在托管字体的服务器中进行设置:Access-Control-Allow-Origin header需要设置为允许来自其他域的访问。请参阅How to add an Access-Control-Allow-Origin header