[分享]css中字体的引用方式

CSS中，字体的引用方式有多种，通常可以使用font-family属性来指定对应的字体族名称，并用逗号分隔其它辅助字体名称：

p {
  font-family: "Helvetica Neue",Arial,sans-serif;
} 

上述代码中，当浏览器无法加载"Helvetica Neue"字体时，就会尝试加载Arial字体，并最终退而使用系统默认的sans-serif字体。

除了使用字体族名称，也可以通过引用外部字体文件来指定字体。在CSS中使用@font-face规则来定义字体，并为其指定名称和字体源：

@font-face {
  font-family: "MyFont"; /* 指定字体名称 */
  src: url("myfont.woff2") format("woff2"), /* 指定字体源 */
       url("myfont.woff") format("woff");
}
 
p {
  font-family: "MyFont", Arial, sans-serif; /* 使用自定义字体 */
} 

上述代码中，@font-face规则定义了名为"MyFont"的自定义字体，并将它们包含在woof2和woof两个文件中。使用font-family属性，页面中的p元素就可以使用"MyFont"字体，如果浏览器无法加载自定义字体，就会替换为Arial或系统默认sans-serif字体。