CSS樣式表來控制網頁字型的顯示樣式

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大小、紫色、英文小寫轉成較小的大寫了。