2013-05-11 89 views
2

我想用FONT-FAMILY CSS逃生报价与字体家族

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

对于FONT-FAMILY “宋体”,我应该逃避引号?或者我可以不用引号来使用它?

回答

7

使用单引号:

<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> 
+1

只是想指出,这可以同时工作,也就是说,你可以做到这一点:'style ='font-family:“Times New Roman”,Times,serif'' – 2013-05-11 03:21:28

+0

当你的HTML已经在里面JavaScript中的单引号。在那一点上,我想你会使用反斜杠来避开引号。 – 2014-12-30 21:42:34

0

使用单引号

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

在HTML中的属性值,则不能使用分隔符的价值内的价值,因为相当明显的原因:在style="font-family:"Times New Roman", Times, serif",s第二个引号终止该值,因此只有属性style="font-family:"后面跟着一些构成语法错误的内容。

有几种解决方法。 1)定界符可以使用实体参考如&quot;(例如,

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

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元素而不是在属性中编写CSS代码。

+0

第四个选项似乎不适用于我,据我所知,只有在字体系列名称可以作为标识符进行分析(特别是不能包含空格)时才有效。另外,当我尝试使用第一个选项(实体引用)时,Visual Studio 2013会抱怨“属性值中出现意外的字符序列”,但我不知道这是否是伪造的警告 – Andy 2015-10-21 14:41:20