css中字體屬性的使用示例

發(fā)布時間：2020-11-19 11:50:27 來源：億速云閱讀：143 作者：小新欄目：web開發(fā)

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

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

字體屬性：

font-family 設(shè)置字體系列。

h2 {font-family: Georgia;}

font-size 設(shè)置字體的尺寸。

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

font-style 設(shè)置字體風格。

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

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

p {font-variant:small-caps;}

font-weight 設(shè)置字體的粗細。

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

其他屬性還有：

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

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

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

向AI問一下細節(jié)

猜你喜歡