在 CSS 中常见的字体 (font) 属性有以下几种：
font-family
font-size
font-weight
font-style
font-variant
每一个属性在以下会有详细地介绍：
font-family
font-family 属性是用来设定字体的类别。
| css样式代码 | 效果 |
| p {font-family: verdana;} | Font Family Verdana. |
| p {font-family: arial;} | Font Family Arial. |
| p {font-family: impact;} | Font Family Impact. |
font-size
font-size 属性是用来设定字体的大小。大小可以是以数字显现 (绝对的或是相较的均可)，或是以下其中之一的值："xx-large"、 "x-large"、 "large"、 "medium"、 "small"、 "x-small"、和 "xx-small"。
| css样式 | 效果 |
| p {font-size:9px;} | 字体大小为9px |
| p {font-size:150%;} | 字体大小为 150%。 |
| p {font-size:0.8cm;} | 字体大小为 0.8 cm。 |
| p {font-size:small;} | 字体大小为 small。 |
| p {font-size:large;} | 字体大小为 large。 |
font-weight
font-weight 属性是用来设定字体的厚度。厚度的设定值可以从 100 到 900 (900 是最厚的)。另外，我们也可以将厚度设定为 bold (厚)、bolder (更厚)、及 normal (正常)。
以下举几个例子：
| css样式 | 效果 |
| p {font-weight: 100;} | 这是厚度 100。 |
| p {font-weight: 900;} | 这是厚度 900 |
| p {font-weight: bold;} | 这是 bold 厚度。 |
font-style
font-style 属性是用来设定字体是否为斜体字 (italic 或 oblique)。
| css样式 | 效果 |
| p {font-style: italic;} | 这是斜字 |
font-variant
font-variant 属性是用来设定文字是不是要以小型大写 (small caps) 字体显现。在小型大写字体中，所有的字母都是大写，可是字体是比一般大写来得小。可能的值为 "small-caps" 和 "normal"。来看下面的例子：
CSS 代码
span {
font-variant:small-caps;
}以下的 HTML 码，
<span>initial in small caps</span> AND LATER IN LARGE CAPS.
效果
initial in small caps AND LATER IN LARGE CAPS.
此文章本站原创，地址 https://www.vxzsk.com/864.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程