# CSS文本样式

# 字体设置

在CSS中可通过如下属性设置字体。

# font-size

设置字体的大小。

# font-variant

设置英文是否转为小型大写。

# font-style

设置字体是否倾斜。

# font-weight

设置字体是否加粗。

# font-family

设置字体名称。注意这里使用的字体是用户端字体，若用户端缺失这些字体，则需要使用@font-face来配置服务端字体。

支持传入多个值，优先的字体排前面。

p {
    font-family: 宋体,微软雅黑;
}

# @font-face

配置服务端字体。

@font-face {
    font-family: abc;
    src: url('xxx.otf') // 相对于当前css文件的路径
}

p {
    font-family: abc;
}

# font

字体设置的组合写法。格式如下：[是否倾斜|是否加粗|是否转小型大写] 字体大小 字体名称。

p {
    font: 50px 宋体;
}

# 文本

在CSS中可通过如下属性来设置文本。

# text-decoration

用各种划线装饰文本，可选属性值如下：

# text-transform

转换英文文本的大小写。

# text-shadow

给文本添加阴影。有4个数值，分别为：水平偏移、垂直偏移、阴影模糊度（可选）、阴影颜色（可选，默认为文本颜色）。

p {
    text-shadow: 5px 5px 3px black;
}

# text-align

设置文本的对齐方式。

# white-space

设置空白排版的处理方式。

# letter-spacing

设置字母之间的间距。

# word-spacing

设置单词之间的间距。

# line-weight

设置段落行高。

# word-wrap

让过长的英文单词断开。

# text-indent

设置文本首行的缩进。