字体的其他样式

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章
  • 使用font-style来设置文字是否倾斜
    可选值:
    • normal,文字正常显示(默认值)
    • italic,文字会以斜体显示
    • oblique,文字会以倾斜的效果显示

italic是使用系统中已安装的斜体字体来显示斜体,而oblique是强制扭曲字体来显示斜体。
大多数浏览器都不会对斜体和倾斜作区分,设置italicoblique的显示效果往往是相同的,因此开发中一般只会使用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