脸部有时在Internet Explorer中工作,但并非总是如此

我在Internet Explorer 11中使用网络字体时遇到了问题。字体(s)适用于某些IE11用户,但不适用于其他用户,即使它们是相同的浏览器。 Modernizr.fontface对于遇到问题的用户仍然返回true,所以我可以排除这一点。

下面是CSS ...

@font-face {
    font-family: 'Balthazar';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/Balthazar/Balthazar.eot'); /* IE9 Compat Modes */
    src: local('Balthazar Regular'), 
         local('Balthazar-Regular'),
         url('/assets/fonts/Balthazar/Balthazar.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/Balthazar/Balthazar.woff2') format('woff2'), /* Modern Browsers */
         url('/assets/fonts/Balthazar/Balthazar.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/assets/fonts/Balthazar/Balthazar.svg#Balthazar-Regular') format('svg'); /* Legacy iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
<remove fileExtension=".woff"/>
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<remove fileExtension=".woff2"/>
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" />
<remove fileExtension=".ttf"/>
<mimeMap fileExtension=".ttf" mimeType="application/x-font-ttf" />
<remove fileExtension=".eot"/>
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<remove fileExtension=".svg"/>
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<remove fileExtension=".svgz"/>
<mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />

IE试图呈现ttf文件,所以我认为这可能是一个MIME类型的问题。 部分原因是:我将MIME类型更新为application / x-font-ttf,它至少为一个用户修复了它,但另外两个用户仍然遇到此问题。 然后,我尝试在WOFF2之后添加一个WOFF,但仍然无法工作。

我很茫然。 请帮忙。


试试这些...

1.检查DRM错误

IE 11“bulletproof”font-face和后退字体无法正常工作如果按F12,重新加载页面,并查看F12 Tools的控制台选项卡,是否会看到任何错误消息,如“@ font-face failed OpenType embedding权限检查“。 如果你这样做,这可能是字体上的DRM问题,IE 11尊重而其他人不这样做。

2.检查MIME类型设置(再次)

确保MIME类型与此处所回答的匹配(您列出的MIME类型不匹配):“字体的正确MIME类型”

3.确保CSS名称与字体文件中的名称相匹配

如果这不起作用,那么声明为CSS中字体名称的名称是否与存储在文件本身中的名称匹配? http://www.experts-exchange.com/Web_Development/Blogs/WordPress/Q_28367854.html

4.使用Google Webfont加载器

如果修复MIME类型不能解决您的问题,请尝试使用此字体中所述的谷歌字体webfont加载器:https://stackoverflow.com/a/21289510/356550

链接地址: http://www.djcxy.com/p/46995.html

上一篇: face sometimes works in Internet Explorer but not always

下一篇: embedded font on website won't display in IE or Chrome