css – @ font-face正在删除Firefox中的字母

前端之家收集整理的这篇文章主要介绍了css – @ font-face正在删除Firefox中的字母前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有MuSEO-300主要使用@ font-face,但某些字母组合如“ff”和“fi”在Firefox中消失(在v3.6和v7.0.1中确认).所以“小额信贷”变成“微量”.

请注意,我将这些输出为单个字母,而不是连字.当我在服务器和浏览器上查看源时,例如“coffee”拼写为所有六个字母 – 而不是“ff”的unicode连字符.

输出看起来在Opera,Chrome,Safari和IE(甚至是IE6)中都是正确的.

我从MyFonts下载了MuSEO-300及其网络字体示例模板.

@font-face {
 font-family: 'MuSEO-300';
 src: url('webfonts/151B6C_0.eot');
 src: url('webfonts/151B6C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/151B6C_0.woff') format('woff'),url('webfonts/151B6C_0.ttf') format('truetype'),url('webfonts/151B6C_0.svg#wf') format('svg');
}

并且所有引用的文件都已到位.我像这样调用它:

font-family: 'MuSEO-300',sans-serif;

我尝试了一种不同的字体作为测试(Code Pro Light Demo,也来自MyFonts)和Firefox下载“fi”而不是“ff”.

一个想法出了什么问题?

解决方法

您可以告诉Firefox跳过查找连字并通过添加将它们视为常规字符 -moz-font-feature-settings:font-face声明中的“liga = 0”.

猜你在找的CSS相关文章