字体样式在Firefox中不起作用

时间:2014-11-12 17:16:53

标签: css

以下字体样式代码在firefox中不起作用,我在chrome和iexplorer中测试它并且它可以工作,所以必须是兼容性问题。

font: italic normal normal normal 12px/15.3599996566772px Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;

有人可以确认它,或者可能是firefox的另一种选择。

FIX:

font: italic normal normal 12px/15.3599996566772px Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;

2 个答案:

答案 0 :(得分:1)

对于FireFox,您应该在不使用速记属性的情况下设置所有属性。 font:是许多其他字体属性的简写属性:

相反它应该是这样的:

font-family: monospace;
font-size: 20px;
font-weight: bold;
color: blue;

http://www.w3schools.com/css/css_font.asp

http://www.w3schools.com/cssref/pr_font_font.asp

答案 1 :(得分:1)

这似乎是Firefox中的一个错误。在开发人员工具中,没有显示错误,但在检查样式表时,元素的样式为空。

快速解决方法是删除normal个关键字(或所有关键字,因为它们是冗余的:未以font速记显式设置的所有子属性都设置为其初始值)

P.S。你的代码是正确的,Firefox只是不能很好地处理它。作为font速记语法的参考(如果您使用它),请使用W3C CSS 2.1 specification