Re: [css3-fonts]@font-face 中应该禁用 !important 提升权重

@Xidorn

之前版本的 Chrome，以及现在的 Firefox 都是支持 !important 的。

并没有导致整条@rule 规则失效，因为 Demo 中 如果 .iconfont{} 中的 font-family 换成 foo 后就显示字体图标了。

另外，@viewport 中允许 !important
http://www.w3.org/TR/css-device-adapt/#the-viewport-rule



以上
一丝

2015-07-23 18:02 GMT+08:00 Xidorn Quan <quanxunzhen@gmail.com>:

> On Thu, Jul 23, 2015 at 7:48 PM, 一丝 <yiorsi@gmail.com> wrote:
> >     @font-face {
> >         font-family: iconfont !important;
> >         font-family: foo;
> >         font-weight: 300;
> >         font-style: normal;
> >         src: url("http://t.tbcdn.cn/apps/e/brix/fonts/uxiconfont.eot");
> >         src:
> > url("http://t.tbcdn.cn/apps/e/brix/fonts/uxiconfont.eot?#iefix")
> > format("embedded-opentype"),
> >             url("http://t.tbcdn.cn/apps/e/brix/fonts/uxiconfont.woff")
> > format("woff"),
> >             url("http://t.tbcdn.cn/apps/e/brix/fonts/uxiconfont.ttf")
> > format("truetype"),
> >
> > url("http://t.tbcdn.cn/apps/e/brix/fonts/uxiconfont.svg#iconfont")
> > format("svg");
> >     }
> >
> > Demo：http://jsbin.com/baveqahobu/edit?html,output

> >
> > Demo 中的字符在 Chrome 44 之后版本没有渲染成指定字体图标，不符合用户预期。
> >
> > 测试发现  !important 会导致整条规则失效（没找到相关 bug，如果有找到的麻烦告知一下）。类似的，Opera 在12.1
> > 版本中也是同样如此。然而，规范中并没有描述关于 @font-face 中关于 !important 规则的作用。
>
>
> 这难道不是因为font-family语法错误解析失败，然后没有font-family的@font-face整条无效导致的么……我好像没有见到过哪个@rule的descriptor语法是接纳“!important”的……
>
> 另外那个标准现在用的前缀是“[css-fonts]”，css3这种命名方式已经全部被改掉了。
>
> - Xidorn
>