引用或不引用：CSS 中何时应将字体系列名称括在引号中？

解决风格困境：CSS 中字体系列名称是否应该用引号引起来？

围绕字体系列名称的必要性的争论in quote 一直在 CSS 社区中徘徊。这个问题源于长期以来受到现代浏览器挑战的“最佳实践”。让我们深入研究一下这个约定背后的技术细节和逻辑。

技术基础

根据 CSS 2.1 规范，可以使用或不使用引号指定字体系列名称。当不加引号时，名称应该是标识符序列。但是，标识符不能包含空格或某些标点符号。要包含这些字符，必须对它们进行转义，或者应将名称加引号。

经验法则建议引用包含空格、数字或连字符以外的标点符号的字体系列名称。此建议避免了转义中潜在的错误。

实际影响

实际上，从包含空格的字体系列名称中删除引号似乎不会在 Safari 等主要浏览器中导致问题和火狐浏览器。这表明使用引号的“最佳实践”对于现代浏览器来说可能不是必需的。但是，也有一些例外：

• 关键字混淆： 与 CSS 关键字相同的字体系列名称（例如“serif”、“monospace”）必须用引号引起来以避免混淆。
• 需要转义的标识符：标点符号，例如 / 或 !标识符内可能需要引用或转义。

建议

虽然现代浏览器可能不需要对包含空格的字体系列名称进行引号，但引用包含其他内容的字体系列名称特殊字符或匹配 CSS 关键字仍然是谨慎的做法。它确保一致性、清晰度，并避免潜在的陷阱。

以上是引用或不引用：CSS 中何时应将字体系列名称括在引号中？的详细内容。更多信息请关注PHP中文网其他相关文章！