首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >这种字体:速记属性语法有效吗?(我对规范的解读是肯定的,但我安装的浏览器中有一半不同意。)

这种字体:速记属性语法有效吗?(我对规范的解读是肯定的,但我安装的浏览器中有一半不同意。)
EN

Stack Overflow用户
提问于 2011-04-01 20:30:21
回答 4查看 3.9K关注 0票数 11

这有效吗?font: bold 10px/13px inherit;

根据我对规格的解读,这应该意味着字体权重为‘粗体’,字体家族为‘继承’,字体大小为‘10 my’,线条高度为‘13 my’。

它似乎在Internet 8 (8.0.6001.18702)中正确工作。

它在Windows上的Safari 5.0.4 (7533.20.27)中正确工作。

Opera 11.01 (build 1190)和Firefox 3.6.16都记录了有关它的日志错误。

我还没试过Chrome或者Firefox 4。

如果这确实是值得的,那么这个解析错误是一个已知的问题吗?

再加几分:

  • W3验证器还将此报告为无效。
  • “字体:粗体10 in继承;”、“字体:粗体10 in/13 in;”或“字体:粗体10 in;”也不能在firefox中正确工作。

更新

正如Adam在他的回答中指出的,由于CSS2.1规范的§C.3.1,我的尝试价值实际上是无效的(尽管我对规范的天真解读是这样)。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-04-01 20:39:27

我认为问题在于“继承”增加了你的价值。

根据规格:

[ <‘字体样式’><<‘字体-变体’><‘字体-重量’>?<‘字体大小’>/<‘字体-高度’>?<‘字体-家族’> ] \{e76f}\x{e 010}\x{e76f}\x{e76f}\x{e76f}

我认为上面列出的粗体部分是一个选项,“标题”、“图标”、“菜单”、“消息框”和“继承”是剩下的选项。

简而言之,尝试:字体:粗体10 In /13 In

更新:

似乎webkit在这个问题上有一个出色的bug报告。不确定火狐。(bug.cgi?id=20181)

此外,正如票证中有人提到的那样,2.1规范解决了以下问题:

“速记属性采用子属性值或值”继承“的列表。不能将‘继承’与其他子属性值混为一谈,因为无法指定用于”继承“的子属性。许多速记属性的定义没有强制执行以下规则:”边框-顶部“、”边框-右边“、”边框-底部“、”边框-左边“、”边框“、”背景“、”字体“、”列表-样式“、”提示“和”大纲“。

http://www.w3.org/TR/CSS21/changes.html#q142

票数 10
EN

Stack Overflow用户

发布于 2011-04-01 20:49:36

根据标准,您不能在font组合样式中与其他选项一起使用inherit。

必须同时指定字体大小和字体族值(如果不使用任何表单,则根本不使用它们)。

所以,你不能只用它来设定体重,大小,线高,而是继承家庭。

票数 5
EN

Stack Overflow用户

发布于 2012-11-09 20:03:04

我的解决方案如下(为您的站点使用大型复合字体系列声明时尽可能少地创建CSS开销):

代码语言:javascript
复制
.my-class {
  font: bold 1.167em/2 Helvetica;
  font-family: inherit;
}
  • 测试(和工作)在FF,在那里我有上述问题。
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5518500

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档