@字体面无法在Chrome浏览器

Question

我遇到了麻烦的字体在谷歌浏览器（版本51.0.2704.106（64位））

Safari和Firefox做工精细，显示唯一的工作。

下面是我使用的代码作为示例。

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
    url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
    url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ 
    url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    font-weight: normal; 
    font-style: normal; 
} 

我已经在多个网站上将字体转换为woff2。问题可能是什么？

Answer 1

我最近在网站上实现了@ font-face的浏览器问题。这里是一些工作的解决方案：

1. 尝试使用“”，而不是“”的网址和格式
2. 尽量不要打电话.SVG最后
3. 尝试指定字体重量和字体样式每个@ font-face参考
4. 您以后在CSS中正确引用了font-family吗？

与所有的上述变化，你的代码可能是这样的：

@font-face { 
    font-family: "MyWebFont"; 
    src: url("webfont.eot"); /* IE9 Compat Modes */ 
    src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
    url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ 
    url("webfont.woff2") format("woff2"), /* Super Modern Browsers */ 
    url("webfont.woff") format("woff"), /* Pretty Modern Browsers */ 
    url("webfont.ttf") format("truetype") /* Safari, Android, iOS */ 
    font-weight: normal; 
    font-style: normal; 
} 

后来在样式表：

body { 
    font-family: "MyWebFont"; 
}