這篇文章將為大家詳細講解有關css中字體屬性的使用示例，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創新互聯公司-專業網站定制、快速模板網站建設、高性價比源城網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式源城網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋源城地區。費用合理售后完善，十載實體公司更值得信賴。

css中的字體屬性有：1、字體樣式屬性font-family；2、字體尺寸屬性font-size；3、字體風格屬性font-style；4、字體粗細屬性font-weight；5、字體變形屬性font-vatiant。

字體屬性：

font-family    設置字體系列。

h2 {font-family: Georgia;}

font-size    設置字體的尺寸。

h2 {font-size:60px;}
h3 {font-size:40px;}
p {font-size:14px;}

font-style    設置字體風格。

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

font-variant    以小型大寫字體或者正常字體顯示文本。

p {font-variant:small-caps;}

font-weight    設置字體的粗細。

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

其他屬性還有：

font-size-adjust    當選字體不可用時，對替換字體進行智能縮放。（CSS2.1 已刪除該屬性。）

font-stretch    對字體進行水平拉伸。（CSS2.1 已刪除該屬性。）

關于css中字體屬性的使用示例就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

文章名稱：css中字體屬性的使用示例-創新互聯
網頁路徑：http://www.yijiale78.com/article10/pscdo.html

成都網站建設公司_創新互聯，為您提供商城網站、企業網站制作、定制網站、關鍵詞優化、微信小程序、軟件開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯