编程实战首页编程实战列表HTML 处理多个字体降级

HTML 处理多个字体降级


在所有浏览器中都有几种可用的默认字体。这些包括 MonospaceSerifSans-Serif

当某种字体不可用时,你可以让浏览器将其 “降级” 为另一种字体。

例如,如果你希望元素使用 Helvetica 字体,但是当 Helvetica 不可用时也会降级为Sans-Serif 字体,则可以使用此CSS样式:

p {
  font-family: Helvetica, Sans-Serif;
}

现在,你可以注释掉对Google字体的使用,注释掉link标签,以使 Lobster 字体不可用。请注意观察它是如何降级为 Monospace 字体的。


运行 (ctrl + enter)
偷看答案


java工程师idea
二维码
建议反馈
二维码