在CSS中定義字體時,我們常常會遇到字體名字中間有空格的情況。例如,"Microsoft Yahei" 和 "Helvetica Neue"。
font-family: "Microsoft Yahei", Arial, sans-serif;
在上面的代碼中,我們使用了雙引號來將字體名字括起來。這是非常必要的,因為如果不使用引號,則會被解析為多個不同的值,導致字體無法正常顯示。
當我們需要在字體名字中加入空格時,也需要使用引號將其括起來,這樣才能使CSS正確識別字體名字。如果不使用引號,CSS會將結果解析為多個單詞,從而無法成功引用字體。
font-family: "Helvetica Neue", Arial, sans-serif;
如上所示,我們在 "Helvetica Neue" 中間加入了空格,并使用了雙引號將其括起來。這樣我們就可以正確引用該字體了。
總結來說,當CSS字體名字中間有空格時,我們需要使用雙引號將其括起來,這樣才能保證CSS正確識別并引用該字體。否則,就會導致頁面無法正常顯示字體。