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;}