CSS font-family 值什么时候应该使用引号？ [复制]

Question

CSS 'font-family' 的值什么时候应该用引号括起来？

font-family: arial 和 font-family: "arial" 我都见过。

作为一个具体的例子，我这​​样声明一个字体：

@font-face {
    font-family: 'entypo';
    font-style: normal;
    font-weight: 400;
    src: url('/css/fonts/entypo.woff') format('woff');
}

让一个元素使用这个字体系列的正确 CSS 是什么？

Answer 1

只有当字体本身有空格时才需要引号，例如"Times New Roman"。

Arial不需要引号，但是有些人使用"Arial"等引号来更加一致。这只是个人喜好。

在 Justin 的以下评论中可见：font-family: times new roman; 不带引号 (JSFiddle)。

您可以像通常期望的那样使用font-family: 'entypo'; 调用新的@font-face。 (link)

Answer 2

只是从这里回答：

http://www.w3.org/TR/CSS2/fonts.html#font-family-prop

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

body { font-family: "新世纪教科书", serif }

必须引用恰好与关键字值相同的字体系列名称（“inherit”、“serif”、“sans-serif”、“monospace”、“fantasy”和“cursive”），以防止与关键字混淆同名。

Answer 3

根据 CSS 2.1 spec，如果字体名称包含 identifier characters 以外的字符（这是一个比“Ascii 字母和数字”更广泛的概念），则字体名称​​需要放在引号中和空格。所以font-family: foo bar 是正确的，例如font-family: entypo 当然。

编码风格是一个不同的问题。引用特定字体系列名称始终是正确的（与 sans-serif 等通用名称相反），因此 font-family: "entypo" 也是正确的。

从理论上讲，如果特定字体系列名称与通用名称一致（我认为没有人创建过这样的字体），或者如果它的名称包含前导或尾随空格或连续空格，则还需要引用字体名称（但在他看来，没有人会这样命名他的字体）。