CSS字体--样式

1.字体风格【font-style】

   normal 正常字体

   italic 斜体字

   oblique - 文本倾斜显示

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

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

2.字体加粗【font-weight 】

normal 正常的字体

lighter 细体 效果和 normal 一样

bold 粗体，相当于 bold

bolder 也是粗体

以数字表示粗细，范围 100~900（600 以下是正常字体，600 以上是粗体）

3.字体大小【font-size】

  绝对大小：

• 设置一个指定大小的文本
• 不允许用户在所有浏览器中改变文本大小
• 确定了输出的物理尺寸时绝对大小很有用

相对大小：

• 相对于周围的元素来设置大小
• 允许用户在浏览器中改变文字大小

 如果你不指定一个字体的大小，默认大小和普通文本段落一样，是16像素（16px=1em）。

 

W3C 推荐使用 em 尺寸单位。

结合使用百分比和 EM

在所有浏览器中均有效的方案是为 body 元素（父元素）以百分比设置默认的 font-size 值：

body {font-size:100%;}
h1 {font-size:3.75em;}
h2 {font-size:2.5em;}
p {font-size:0.875em;}

4.指定字体【font-family 】

SimSun 、SimHei、Microsoft YaHei 【未能理解全部】

5.字体变形【font-variant】

font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。

6.字体变形【font】

font 简写属性在一个声明中设置所有字体属性。

注释：此属性也有第六个值："line-height"，可设置行间距。

说明

这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体，使之与用户计算机环境中的某个方面一致。注意，如果没有使用这些关键词，至少要指定字体大小和字体系列。

可以按顺序设置如下属性：

• font-style
• font-variant
• font-weight
• font-size/line-height
• font-family

可以不设置其中的某个值，比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。