■選擇字型 font-family
系統預設的字型一般為新細明體或細明體,
為展現網頁不同風格, 常會想選用其他字型,
而CSS使用font-family語法來指定其他字型,
其語法如下:
{font-family:字型名稱1,字型名稱2,....字型名稱n;}
字型選用優先次序由字型名稱1到字型名稱n,
當對方電腦都無以上選用字型時,
則以新細明體或細明體之預設字型顯示.
■設定文字粗細 font-weight
其語法如下:
{font-weight: 屬性值;}
屬性值可分為兩類:
◎ 100、200、300、400、500、600、700、800、900
◎ Lighter、Normal、Bold、Bolder.
100~500相當於Normal, 600~900相當於Bold,
粗細設定也受文字本身限制, 例如新細明體只有Normal及Bold兩種粗細.
■設定斜體字 font-style
其語法如下:
{font-style: italic或oblique;}
italic及oblique對中文字體而言沒有差別, 都會將字體改為傾斜,
對英文字體而言,
italic是指特定字型(例如Arial Italic), 字體本身造字時即已傾斜,
而oblique不是特定字型, 而是將一般正常字型給予傾斜,
當設定italic時, 遇到字體本身非italic字體,
系統會自動改為oblique將字體給予傾斜.
★
若您修改同一文字屬性時,
需要同時用到font-size、font-family、font-weight、font-style等多種設定,
只需用一種簡便語法來設定, 其語法如下:
{font: font-weight屬性值 font-style屬性值 font-size屬性值 font-family屬性值;}
注意此語法中, font-size及font-family為必要設定且前後順序不能改變,
而font-weight及font-style則可有可無也沒有前後順序之限制.
各個屬性值間必須有一個空格隔開.
例如:
{font: italic bold 24px 標楷體;}