html - 在 IE 中,html自定义字体未显示

  显示原文与译文双语对照的内容
70 0

我的网站使用自定义字体。他们在所有浏览器上工作,除了 IE ( 版本 11.0.960 0 ) 。

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

我目前尝试的内容:

  • 字体使用子域的绝对路径。对这些字体的响应包括 header Access-Control-Allow-Origin:*我还尝试了使用 relative 路径。
  • 字体本身被正确下载,返回代码 200.
  • 缓存已经被清除多次。
  • fonts内容类型为:woff = 应用程序/字体 woff ;ttf = 应用程序/八进制流;eot = 应用程序/vnd 。ms-fontobject 。
  • 其他网站( 如 www.newyorker.com) 在同一浏览器中正确显示自定义字体) 。

我还尝试了以下语法:

@font-face { font-family:'almoni-dl';font-weight:700 ;/( 粗体)/font-style:常规;src: url ('https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.eot') ;src:url ('') truetype truetype truetype truetype truetype truetype truetype truetype truetype truetype truetype truetype truetype 。

还有什么是错误的?

时间:原作者:0个回答

112 1

在css的font-family 属性中,尝试键入字体的实际名称,如果无效,请尝试使用完整的文件名( 减去扩展名) 。如果 font-family 名称与预期的名称不同,IE 会发现查找字体的问题 !

原作者:
...