【问题标题】: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;”

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

【问题讨论】:

    标签: css firefox fonts shorthand


    【解决方案1】:

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

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

    演示:http://jsfiddle.net/4tUxp/

    【讨论】:

    • 您可能还应该将“verdana”大写。
    • 在实践中不需要大写,但原则上,字体系列名称可能区分大小写。
    • 实际上,Chrome 和 Safari 都搞错了:按照 CSS 的强制错误处理规则,格式错误的 font 声明应该被忽略。 IE 9+ 似乎以自己的方式犯了这个错误:它解析问题中的规则,以便 font-family 值是 normal "verdana" 并且显然将其解释为浏览器的默认字体(而 IE 8 和更早的版本在这里得到正确的东西!)。
    猜你喜欢
    • 2012-06-18
    • 2014-04-03
    • 1970-01-01
    • 1970-01-01
    • 2013-02-25
    • 2014-08-06
    • 1970-01-01
    • 2013-11-07
    相关资源
    最近更新 更多