Question

我使用@ font-face rule

链接了这个自定义字体

@font-face{
font-family: "jf_flatmedium";
src: url("../fonts/jf-flat/jf_flat_medium-webfont.eot");
src: url("../fonts/jf-flat/jf_flat_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/jf-flat/jf_flat_medium-webfont.woff2") format("woff2"), url("../fonts/jf-flat/jf_flat_medium-webfont.woff") format("woff"), url("../fonts/jf-flat/jf_flat_medium-webfont.ttf") format("truetype"), url("../fonts/jf-flat/jf_flat_medium-webfont.svg#jf_flatmedium") format("svg");
font-weight: normal;
font-style: normal;
}

浏览器（chrome＆amp; firefox）没有呈现字体'jf_flatmedium'，因为它渲染了后备，我仔细检查了字体文件的路径。

并在字体TTF文件的旁边通知字体名称是'jf flat'，如果我将“font-family”属性更改为'jf flat'则会被渲染..所以我猜这有事情要做使用自定义字体系列名称但无法弄清楚原因

更新：有一件事我没有在我的问题中提到我显示阿拉伯文字，我只是注意到英文字体很好。是否有任何阻止在我想要的任何语言上使用特定字体的东西？

Answer 1

看看这个，我不知道它是否会有所帮助，但我希望如此

http://www.fontspring.com/support/troubleshooting/troubleshooting-webfonts-and-browsers?utm_source=fontsquirrel.com&utm_medium=help_link&utm_campaign=trouble_shooting_webfonts

Answer 2

修正了，结果是fontsquirrel问题，我尝试了另一个webfont生成器transfonter，它运行正常。

@ font-face规则，忽略font-family值

2 个答案: