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

更新時間：2007年02月27日 00:00:00 ? 作者：

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

相關文章

為了兼容和區分多瀏覽器我們需要用一些css hack來解決這些問題，但不建議用，能不用則不用2008-08-08

非常不錯的模擬表格效果代碼，需要注意的是 這類代碼一般都是通過寬度控制，大家注意計算好2008-12-12

無js5款純div+css制作的彈出菜單標準...2007-09-09

大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字數=注釋的條數*2-1，這里的字數在中 文或英文數字時都成立。注釋坐在位置與溢出位置、區塊的浮動以及文字區塊的固定寬度有必然聯系。2008-12-12

一年前網上還找不到關于 inline-block 屬性的文章，為了方便大家更好的理解該屬性，當時總結整理了篇《display:inline-block的深入理解》。2008-04-04

模仿combox(select)控件，不用為美化select煩惱了。...2006-12-12

我們都知道，要做WD(web designer),首先得伺侯好幾個瀏覽器:IE6,IE7,Firefox.一般的頁面，都只要求在IE6,IE7,Firefox下正常工作就行了。2008-09-09

關于CSS HACK的文章在jb51.net中提及的也很多。CSSer必須掌握的關于IE6、IE7和FF的最簡單的hack技巧。2008-09-09

line-block：本身是內聯盒模型的存在，又具備塊狀盒模型的特性。很好很強大的東西啊～2008-05-05

用js實現的DIV+CSS編輯器代碼...2007-03-03

最新評論

總結

以上是生活随笔為你收集整理的HTML字体怎么显示,教你如何用CSS来控制网页字体的显示样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。