選擇字型 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: italicoblique;}

italic及oblique對中文字體而言沒有差別, 都會將字體改為傾斜,

對英文字體而言,

 italic是指特定字型(例如Arial Italic), 字體本身造字時即已傾斜,

而oblique不是特定字型, 而是將一般正常字型給予傾斜,

當設定italic時, 遇到字體本身非italic字體,

系統會自動改為oblique將字體給予傾斜.

 

若您修改同一文字屬性時,

需要同時用到font-sizefont-familyfont-weightfont-style等多種設定,

只需用一種簡便語法來設定, 其語法如下:

 {font: font-weight屬性值 font-style屬性值 font-size屬性值 font-family屬性值;}

注意此語法中, font-sizefont-family為必要設定且前後順序不能改變,

font-weightfont-style則可有可無也沒有前後順序之限制.

各個屬性值間必須有一個空格隔開.

例如:

{font: italic bold 24px 標楷體;}

 

 

arrow
arrow
    全站熱搜

    mrafee1968 發表在 痞客邦 留言(0) 人氣()