CSS设置字体——异体和粗细
<1>.异体
font-variant属性可以设定小型大写字母。
小型大写字母不是一般的大写字母,
也不是小写字母,这种字母采用不同大小的大写字母。
1 <html>
2 <head>
3 <style type="text/css">
4 p.normal {font-variant:normal}
5 p.small {font-variant: small-caps}
6 </style>
7 </head>
8
9 <body>
10 <p class="normal">This is a paragraph</p>
11 <p class="small">This is a paragraph</p>
12 </body>
13 </html>
<2>.粗细
1 <html>
2 <head>
3 <style type="text/css">
4 p.normal {font-weight: normal}
5 p.thick {font-weight: bold}
6 p.thicker {font-weight: 900}
7 </style>
8 </head>
9
10 <body>
11 <p class="normal">This is a paragraph</p>
12 <p class="thick">This is a paragraph</p>
13 <p class="thicker">This is a paragraph</p>
14 </body>
15 </html>
关键字 100 ~ 900 为字体指定了 9 级加粗度。
如果一个字体内置了这些加粗级别,
那么这些数字就直接映射到预定义的级别,
100 对应最细的字体变形,900 对应最粗的字体变形。
数字 400 等价于 normal,而 700 等价于 bold。
posted on 2011-09-18 21:06 More study needed. 阅读(7556) 评论(0) 编辑 收藏 举报