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。


  


你可能感兴趣的:(css)