字体的其他样式
- 使用
font-style
来设置文字是否倾斜
可选值:normal
,文字正常显示(默认值)italic
,文字会以斜体显示oblique
,文字会以倾斜的效果显示
italic是使用系统中已安装的斜体字体来显示斜体,而oblique是强制扭曲字体来显示斜体。
大多数浏览器都不会对斜体和倾斜作区分,设置italic
或oblique
的显示效果往往是相同的,因此开发中一般只会使用italic
。
- 使用
font-weight
来设置文字的粗细
可选值:normal
,文字正常显示(默认值)。bold
,文字加粗显示。bolder
,文字更粗显示。lighter
,文字更细显示。100~900
之间的9个值。
一般只使用前两个值,其他值几乎都不支持。
- 使用
font-variant
来设置小型大写字母的字体显示文本。(几乎无用的样式)
可选值:normal
,文字正常显示(默认值)。small-caps
,文字显示小型大写字母的字体。
绕口令:将所有的字母都以大写形式显示,但是小写字母的大写要比大写字母的大小小一些。
- 使用
font
来统一设置字体相关的所有属性
有以下样式:
font-size: 50px;
font-family: 华文彩云;
font-style: italic;
font-weight: bold;
font-variant: small-caps;
这样编写样式没有任何问题,但是效率很低,而且会使浏览器负担增大。
我们可以用以下简写形式:
例:font: italic small-caps bold 60px "微软雅黑";
将字体的样式统一写在font
中,不同值之间使用空格隔开。
同时还需满足以下规则:
使用font
设置字体样式时,斜体、加粗、大小字母,没有顺序要求,甚至可不写,不写则使用默认值。但是文字大小、字体必须指定,而且字体必须写在最后,大小必须写在倒数第二的位置。
使用简写形式还可以一定程度提高浏览器的性能。
如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/28.html