首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >@font-face规则,忽略font-family值

@font-face规则,忽略font-family值
EN

Stack Overflow用户
提问于 2016-03-29 21:20:14
回答 2查看 439关注 0票数 0

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

代码语言:javascript
复制
@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‘,它将被渲染。所以我猜这与自定义字体系列名称有关,但我不知道为什么

更新:我在我的问题中没有提到的一件事是,我正在显示阿拉伯文本,我只是注意到在英文字体上渲染得很好。在我想要的任何语言上,有什么阻止我使用特定字体的吗?

EN

回答 2

Stack Overflow用户

发布于 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

票数 0
EN

Stack Overflow用户

发布于 2016-03-31 17:54:50

修复了,结果是字体松鼠问题,我尝试了另一个网页字体生成器transfonter,它工作得很好。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36285536

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档