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