CSS Web安全字体参考

• 

  CSS Web安全字体组合

  font-family属性应该包含多个字体名称作为“后备”系统，以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持第一种字体，它会尝试下一种字体。从您想要的字体开始，以通用系列结束，如果没有其他字体可用，浏览器会选择通用系列中的类似字体：

  p {
    font-family: "Times New Roman", Times, serif;
  }

  尝试一下

  下面是一些常用的字体组合，按通用系列组合。

• 

  Serif 字体

  font-family	示例
  Georgia, serif	这是标题AbCdEf 这是段落AbCdEf
  "Palatino Linotype", "Book Antiqua", Palatino, serif	这是标题AbCdEf 这是段落AbCdEf
  "Times New Roman", Times, serif	这是标题AbCdEf 这是段落AbCdEf

• 

  Sans-Serif 字体

  font-family	示例
  Arial, Helvetica, sans-serif	这是标题AbCdEf 这是段落AbCdEf
  "Arial Black", Gadget, sans-serif	这是标题AbCdEf 这是段落AbCdEf
  "Comic Sans MS", cursive, sans-serif	这是标题AbCdEf 这是段落AbCdEf
  Impact, Charcoal, sans-serif	这是标题AbCdEf 这是段落AbCdEf
  "Lucida Sans Unicode", "Lucida Grande", sans-serif	这是标题AbCdEf 这是段落AbCdEf
  Tahoma, Geneva, sans-serif	这是标题AbCdEf 这是段落AbCdEf
  "Trebuchet MS", Helvetica, sans-serif	这是标题AbCdEf 这是段落AbCdEf
  Verdana, Geneva, sans-serif	这是标题AbCdEf 这是段落AbCdEf

• 

  Monospace 字体

  font-family	示例
  "Courier New", Courier, monospace	这是标题AbCdEf 这是段落AbCdEf
  "Lucida Console", Monaco, monospace	这是标题AbCdEf 这是段落AbCdEf