我使用@ 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‘,它将被渲染。所以我猜这与自定义字体系列名称有关,但我不知道为什么
更新:我在我的问题中没有提到的一件事是,我正在显示阿拉伯文本,我只是注意到在英文字体上渲染得很好。在我想要的任何语言上,有什么阻止我使用特定字体的吗?
发布于 2016-03-29 22:05:07
看看这个,我不知道它会不会有帮助,但我希望如此
http://www.fontspring.com/support/troubleshooting/troubleshooting-webfonts-and-browsers?utm_source=fontsquirrel.com&utm_medium=help_link&utm_campaign=trouble_shooting_webfonts
发布于 2016-03-31 17:54:50
修复了,结果是字体松鼠问题,我尝试了另一个网页字体生成器transfonter,它工作得很好。
https://stackoverflow.com/questions/36285536
复制相似问题