名稱內(nèi)含空格的字體
如果像指定名稱內(nèi)含空白的字體(比如說(shuō)Lucida Grande),就必須以引號(hào)包住整個(gè)字體名稱.
在下面的例子中,將把Lucida Grande(有名的Macintosh字體)選為希望使用的字體,并且指定Trebuchet MS(有名的Windows字體)作為第二候補(bǔ),再加上一個(gè)通吃的sans-serif.在前面兩種字體都沒(méi)有安裝的情況下,取用預(yù)設(shè)的sans-serif字體.
body {
font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
line-height: 1.5em;
}
字距調(diào)整(又稱作字母間隔)
字距調(diào)整是個(gè)在印刷界描述文字間隔的名詞.與其同義的CSS屬性是letter-spacing.接著,讓我們?yōu)椋糷1>標(biāo)簽使用letter-spacing屬性,為示例的標(biāo)題加點(diǎn)料.
在為＜h1>標(biāo)簽應(yīng)用letter-spacing之后,就能使標(biāo)題更引人注目,而不必打開(kāi)圖片編輯器開(kāi)始制作圖片文字.
首先,讓我們?yōu)閘etter-spacing屬性加上負(fù)數(shù)值把標(biāo)題的文字緊縮:
h1 {
letter-spacing: -2px;
}
修改成果在圖4里能看到.
圖4 為＜h1>加上負(fù)數(shù)值得letter-spacing
或者嘗試加上正數(shù)的letter-spacing并同時(shí)用font-style屬性把標(biāo)題改為斜體:
h1 {
letter-spacing: 4px;
font-style: italic;
}
圖5是依照上述修改過(guò)后的效果,單就文字來(lái)講變得十分引人注目了,不是嗎?不使文字間距變動(dòng)的太夸張是個(gè)明智之舉,因?yàn)檫@樣反而很容易使文字變得難以閱讀,一旦內(nèi)容難以閱讀,還有誰(shuí)會(huì)在意它吸不吸引人呢?你說(shuō)是吧!
圖5 使用正數(shù)letter-spacing值,并且應(yīng)用斜體
本新聞共 5頁(yè),當(dāng)前在第 3頁(yè) 1 2 3 4 5 |
