CSS中关于font的样式

CSS中关于font的样式

1. 字体
2. 粗细
3. 大小
4. 斜体
5. 行距
6. 缩略写法

字体

font-family
定义字体，允许有多个字体作为轮候的值。例如：

font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;

这样就会首先使用’Microsoft YaHei’，如果用户电脑没有安装这个字体，则往后使用Arial字体，以此类推。

@font-face
css3中的一个模块，允许开发者自定义web字体，以及其路径，用法如下：
@font-face {
    font-family: <YourWebFontName>;
    src: <source> [<format>][,<source> [<format>]]*;
    [font-weight: <weight>];
    [font-style: <style>];
  }

在定义了@font-face的font-family后，则可以在其他font-family调用这个名称的字体了。

参考文章：css font-face

粗细

font-weight
定义字体的粗细，按照从小到大以及默认值有：
100-900\thinker\bold\normal等值

大小

font-size
定义字体大小
1.5em\15px

斜体

font-style
定义字体是否为斜体

行距

line-height
定义字体的行间隔，通常可以用于字体的垂直居中。

缩略写法

font:font-style font-weight font-size line-height font-family;
（斜粗大高体……写出大高体……随便记吧）
参考文章:[font和background的缩写形式(当然，常用的还有border的缩写)