【问题标题】:Difference between "font-family" and font-family?“字体系列”和字体系列之间的区别?
【发布时间】:2013-12-20 18:30:30
【问题描述】:

我刚刚发现我的 Chrome 会以不同的方式处理 font-family: "sans-serif"font-family: sans-serif(它会选择不同的字体)。谁能解释这是如何工作的? 我在specs 中找不到任何线索。 [编辑:...因为我显然没有仔细阅读它们。]

【问题讨论】:

  • "san-serif" 被视为一个字符串,而 sans-serif 将到达破折号并吓坏了。
  • 带引号的它代表特定字体,而未加引号的无衬线字体代表通用系列(其他示例为serifcursive...

标签: css google-chrome font-family


【解决方案1】:

来自同一个specs

如果将标识符序列作为字体系列名称给出,则 计算值是通过连接所有 序列中的标识符由单个空格组成。

为避免转义错误,建议引用包含空格、数字或标点符号的字体系列名称 连字符以外的字符:

因此,当您编写“san-serif”时,它是一种特定字体,被视为字符串,而后者被视为通用字体。

【讨论】:

  • 谢谢!我应该补充一点,我在许多似乎都是从 Microsoft Outlook 发送的电子邮件中发现了"sans-serif"-声明。
  • 规范中最相关的部分实际上是“通用字体系列名称是关键字,不得引用。”
  • @JukkaK.Korpela:- 是的,我同意,我认为 OP 现在一定已经仔细阅读了 +1 ;)
  • 实际上,声明font-family: "sans-serif" 没有效果,因为没有具有该名称的字体。因此,使用的字体取决于其他 CSS 规则或最终浏览器设置和浏览器默认设置。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-05-30
  • 2022-01-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-02-02
相关资源
最近更新 更多