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”.

相关文章

前言 最近项目做完,用户需要兼容IE,于是开展了兼容性的调整工作。边调整边想感叹IE真是个沙雕。。特将...
前言 有些属性不是很常用,但是工作中遇到了,记录一下,方便学习。 1、text-indent text-indent 属性规...
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大...
需求 项目里有个消息中心,当有消息的时候,小铃铛图标可以晃两下,提示当前有信息。 实现过程 书写css...
html代码 css代码 效果图
在一些界面上 , 如果每个icon都去找图片还是相当麻烦的 , 直接使用css画出icon就方便的多了 , 下面两个...