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)结尾确保字体会以正确的形式解析渲染.

你可能感兴趣的:(CSS font-family)