代码示例：

h2{color:green;}

#p1{font-family:Times,"TimesNewRoman",serif;}

#p2{font-family:Helvetica,Arial,sans-serif;}

#p3{font-family:serif;}

#p4{font-family:sans-serif;}

#p5{font-family:monospace;}

#p6{font-family:cursive;}

#p7{font-family:fantasy;}

.s1{font-style:italic;}

.s2{font-style:oblique;}

.s3{font-weight:bold;}

.s4{font-weight:100;}

.s5{font-style:normal;}

字体系列

与CSS一起使用。两个常见的字体组合列表和五个通用后备字体系列。

一个serif字体家族列表！

font-family:Times,"TimesNewRoman",serif

斜体字体！

字体样式为font-style:oblique;

字体样式为font-weight:bold;

字体样式为font-weight:100;

正常字体样式！

一个sans-serif字体家族列表！

font-family:Helvetica,Arial,sans-serif

斜体字体！

字体样式为font-style:oblique;

字体样式为font-weight:bold;

字体样式为font-weight:100;

正常字体样式！

serif通用字体系列！

font-family:serif

斜体字体！

字体样式为font-style:oblique;

字体样式为font-weight:bold;

字体样式为font-weight:100;

正常字体样式！

sans-serif通用字体系列！

font-family:sans-serif

斜体字体！

字体样式为font-style:oblique;

字体样式为font-weight:bold;

字体样式为font-weight:100;

正常字体样式！

等宽通用字体系列！

font-family:monospace

斜体字体!

字体样式为font-style:oblique;

字体样式为font-weight:bold;

字体样式为font-weight:100;

正常字体样式！

草书字体家族！

font-family:cursive

斜体字体！

字体样式为font-style:oblique;

字体样式为font-weight:bold;

字体样式为font-weight:100;

正常字体样式！

幻想通用字体系列！

font-family:fantasy

斜体字体！

字体样式为font-style:oblique;

字体样式为font-weight:bold;

字体样式为Itsucksinwitha100font-weight!

正常字体样式！

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h54323.shtml