CSS font-family

http://moxfive.xyz/2015/12/09/css-font-family/

1. 认识 font-family 样式属性值

• 属性值通过逗号分隔 , 多个字体名称；
• 当浏览器在解析文字时会 从左往右 依次搜索字体库，当搜索成功则 采用该字体库渲染该文字，否则 继续往右 搜索。
• 若均搜索失败则使用浏览器默认的字体库解析渲染文字。

字体名称分为字体族名称(family-name)和类族名称(generic-family)

字体族名称(family-name)：是具体的字体名称, 如"times","courier","arial"

类族名称(generic-family)：是字体类型名称而具体的字体则由浏览器决定, 如"serif","sans-serif","cursive","fantasy","monospace"

注意：

1. font-family 中设置的字体不会被浏览器自动下载, 字体是否可用则完全依靠客户端是否已安装该字体库而已.
2. 属性值必须以类族名称(generic-family)结尾确保字体会以正确的形式解析渲染.