Question

我的网站使用自定义字体。它们适用于所有浏览器，Internet Explorer（版本11.0.9600）除外。

CSS代码：

@font-face {
font-family: 'almoni-dl';
font-weight: 700; /*(bold)*/
font-style: normal;
src: url('https://assets.mywebsite.com/fonts/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'), 
    url('https://assets.mywebsite.com/fonts/almoni-dl-aaa-700.woff') format('woff'), 
    url('https://assets.mywebsite.com/fonts/almoni-dl-aaa-700.ttf') format('truetype');
}

html {
    font-family: 'almoni-dl','Trebuchet MS',Helvetica,sans-serif;
}

到目前为止我尝试过：

字体使用子域的绝对路径。这些字体的响应包括标题Access-Control-Allow-Origin:*。我也试过使用相对路径，没有运气。
正确下载字体本身，返回代码200。
缓存已多次清除。
字体的内容类型是：woff = application / font-woff; ttf = application / octet-stream; eot = application / vnd.ms-fontobject。
其他网站（例如www.newyorker.com）在同一浏览器上正确显示自定义字体。

我还尝试了以下语法：

@font-face {
font-family: 'almoni-dl';
font-weight: 700; /*(bold)*/
font-style: normal;
src: url('https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.eot');
src: url('https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'), 
    url('https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.woff') format('woff'), 
    url('https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.ttf') format('truetype');
}

还有什么可能是错的？

Answer 1

在css的font-family属性中，尝试键入字体的实际全名，如果不起作用，请尝试使用完整文件名（减去扩展名）作为font-family。如果字体系列名称与预期的不同，IE已知道找到字体的问题！

Internet Explorer中未显示自定义字体

1 个答案: