2013-05-11 70 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