|
名稱內含空格的字體
如果像指定名稱內含空白的字體(比如說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;
}
字距調整(又稱作字母間隔)
字距調整是個在印刷界描述文字間隔的名詞.與其同義的CSS屬性是letter-spacing.接著,讓我們?yōu)?lt;h1>標簽使用letter-spacing屬性,為示例的標題加點料.
在為<h1>標簽應用letter-spacing之后,就能使標題更引人注目,而不必打開圖片編輯器開始制作圖片文字.
首先,讓我們?yōu)閘etter-spacing屬性加上負數(shù)值把標題的文字緊縮:
h1 {
letter-spacing: -2px;
}
修改成果在圖13-4里能看到.
圖13-4 為<h1>加上負數(shù)值得letter-spacing
或者嘗試加上正數(shù)的letter-spacing并同時用font-style屬性把標題改為斜體:
h1 {
letter-spacing: 4px;
font-style: italic;
}
圖13-5是依照上述修改過后的效果,單就文字來講變得十分引人注目了,不是嗎?不使文字間距變動的太夸張是個明智之舉,因為這樣反而很容易使文字變得難以閱讀,一旦內容難以閱讀,還有誰會在意它吸不吸引人呢?你說是吧!
圖13-5 使用正數(shù)letter-spacing值,并且應用斜體
出處：藍色理想
責任編輯：bluehearts
上一頁 標記語言——為文字指定樣式 [2] 下一頁 標記語言——為文字指定樣式 [4]
◎進入論壇網頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 3 頁 標記語言——為文字指定樣式 [3]
