字体速记在Firefox中不起作用

【问题标题】：Font shorthand not working in firefox字体速记在Firefox中不起作用
【发布时间】：2013-05-06 09:02:42
【问题描述】：

我尝试用速记来缩短我的 css。在我的段落代码中，我有：

p{
font: 12px/14px normal 'verdana';
margin: 0px;
}

这在 chrome、safari 等中可以正常工作，但在 Firefox 中则不行。它没有注册“字体：12px/14px normal 'verdana';”只有“边距：0px;”

有什么问题/我该怎么办？

【问题讨论】：

【解决方案1】：

应该是：字体：重量、大小、家族

    p{
    font:normal 12px/14px  'verdana';
    margin: 0px;
    }

【讨论】：

您可能还应该将“verdana”大写。
在实践中不需要大写，但原则上，字体系列名称可能区分大小写。
实际上，Chrome 和 Safari 都搞错了：按照 CSS 的强制错误处理规则，格式错误的 font 声明应该被忽略。 IE 9+ 似乎以自己的方式犯了这个错误：它解析问题中的规则，以便 font-family 值是 normal "verdana" 并且显然将其解释为浏览器的默认字体（而 IE 8 和更早的版本在这里得到正确的东西！）。