教你如何用CSS來控制網頁字型的顯示樣式

HTML對於＜font＞內容＜/font＞卷標只有： ＜font color=colorvalue size=fontsize face=字型＞＜/font＞這3種設定，而關於CSS對於＜font＞內容＜/font＞的延伸規格讓我們可以對字型的有更詳細的設定。對於字型的設定： font-family:字型名稱1,字型名稱3,字型名稱3等等。顯示字型的優先順序，若電腦中有安裝該字型，便以該字型顯示。如果你所設定的字型，client的電腦全部都沒有安裝，便會已瀏覽器預設的字型顯示：font-size:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx-large

　　對於字型大小的定義嚴格來說有2種方式：

　　1、絕對
　　如：pt;in 這些大小是固定的，不會因解析度而改變..

　　2、相對
　　如: px;em;% 這些會隨著解析度與目前字型大小而改變...

　　font-style:normal|italic|oblique
　　斜體
　　font-weight:normal|bold|lighter|bolder|100-900
　　字型粗細
　　font-variant:normal|small-caps
　　英文小寫轉字型較小的大寫

　　關於以上這些的應用，可以用[CSS套入]的任何一種方式..
舉個例：

以下是引用片段：
＜html＞
＜head＞
＜title＞＜/title＞
＜style＞
span {font-size:20pt;
font-color:purple;
font-variant:small=caps;
}
＜/style＞
＜/head＞
＜body＞
＜span＞Dhtml&Asp＜/span＞
＜/body＞
＜/html＞

　　這樣子顯示的字型便會為20pt大小、紫色、英文小寫轉成較小的大寫了。或者也可以這樣設定：

以下是引用片段：
＜html＞
＜head＞
＜title＞＜/title＞
＜/head＞
＜body＞
＜span style="font-size:20pt;font-color:purple;font-variant:small-caps"＞Dhtml&Asp＜/span＞
＜/body＞
＜/html＞
這樣子顯示的字型同樣也是20pt大小、紫色、英文小寫轉成較小的大寫了。