逃脱报价与字体家族

Question

我想使用font-family CSS

<div style="font-family:"Times New Roman", Times, serif"> Hello world! </div>

对于font-family“Times New Roman”，我应该逃避引号吗？或者我可以不加引号使用它吗？

Answer 1

使用单引号：

<div style="font-family: 'Times New Roman', Times, serif"> Hello world! </div>

或者（感谢@Matt）：

<div style='font-family: "Times New Roman", Times, serif'> Hello world! </div>

Answer 2

在HTML中的属性值中，您不能使用值内部的值的分隔符，原因相当明显：在style="font-family:"Times New Roman", Times, serif"中，第二个引号终止值，因此只有属性{ {1}}后跟一些构成语法错误的内容。

有几种解决方法。

1）分隔符可以使用像style="font-family:"这样的实体引用来编写，例如

"

2）如果值包含双引号，您可以使用不同的分隔符，即单引号：

style="font-family:"Times New Roman", Times, serif"

3）根据属性值的性质，可以在值内使用另一个字符。在这种情况下，由于值是CSS代码而CSS也接受单引号，您可以写：

style='font-family:"Times New Roman", Times, serif'

4）根据属性值的性质，可以省略值内的字符。在这种情况下，因为值中的引用字符串是CSS中的字体名称，并且因为the quotes are not required（与普遍看法相反），在这样的简单情况下，您可以写：

style="font-family:'Times New Roman', Times, serif"

最后，您可以通过使用外部样式表或至少style="font-family:Times New Roman, Times, serif" 元素而不是在属性中编写CSS代码来避免此问题。

Answer 3

使用单引号

<div style='font-family:"Times New Roman", Times, serif'> Hello world! </div>