CSS 字体

字体风格

font-style 属性最常用于规定斜体文本。

该属性有三个值:

    normal - 文本正常显示

    italic - 文本斜体显示

    oblique - 文本倾斜显示  

例:

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

italic 和 oblique 的区别

font-style 非常简单:用于在 normal 文本、italic 文本和 oblique 文本之间选择。唯一有点复杂的是明确 italic 文本和 oblique 文本之间的差别。

斜体(italic)是一种简单的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。与此不同,倾斜(oblique)文本则是正常竖直文本的一个倾斜版本。

通常情况下,italic 和 oblique 文本在 web 浏览器中看上去完全一样。

字体变形

font-varianth属性可以设定小型大写字母。

小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。

p {font-variant:small-caps;}

字体加粗

font-weight属性设置文本的粗细。

使用 bold 关键字可以将文本设置为粗体。

100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal, 700 等价于 bold。

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

字体大小

font-size属性设置文字大小

h1 {font-size:60px;}
p {font-size:14px;}

相关推荐