css - @font-face rule , font-family 值被忽略

Question

我使用@font-face 规则链接了这个自定义字体

@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 和 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