【问题标题】:Why is this font shorthand not working?为什么这个字体速记不起作用?
【发布时间】:2013-07-16 16:24:23
【问题描述】:

我在这里浏览了有关此主题的其他帖子,但似乎仍然无法弄清楚这一点。为什么这个语法在 Chrome 中显示为无效并被忽略?

a, a:active, a:visited {
  font: uppercase 400 1.175em "Lato", sans-serif;
}

来自W3 Spec

'font' 属性是一个简写属性,用于设置 'font-style'、'font-variant'、'font-weight'、'font-size'、'line-height' 和'font-family' 在样式表的同一位置。此属性的语法基于传统的印刷简写符号来设置与字体相关的多个属性。

我已经尝试了几乎所有我能想到的变体。我已经尝试将其简化为仅 3 个属性而没有骰子。

发生了什么事?我很想使用速记并节省一点加载时间,但我开始认为最好完全避免它。

更新:问题是“大写”。无法在字体中设置“文本转换”属性:速记。我将 'font-variant' 与 'text-transform' 混淆了。

【问题讨论】:

  • W3Schools 是一个蹩脚的、容易出错的教程网站,在它教你编写的一些代码中存在大量安全漏洞。它不应与 W3C 混淆。
  • 哦,天哪——这就是我鲁莽地使用谷歌搜索得到的结果。我修正了报价和链接,以免将其他人误入歧途。谢谢!

标签: css google-chrome fonts


【解决方案1】:

W3C 的引述没有提到text-transform

从属性中删除uppercase,语法将有效。

【讨论】:

  • 就解决了。感谢您及时的回复。我将 'font-variant' 与 'text-transform' 混淆了。
  • 不客气。在这种情况下,W3C CSS validator 没有多大帮助,因为它会给出令人困惑的错误消息,但它可能有助于确定它确实是一个错误。
猜你喜欢
  • 1970-01-01
  • 2016-04-30
  • 2012-07-21
  • 2016-11-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-07
相关资源
最近更新 更多