javascript - 如何找出浏览器是否支持网络字体或不使用 javascript？

Question

我只想要一段代码来检查浏览器是否支持 CSS3 网络字体。
例如，我有一个 12px 的字体看起来太小了，所以我必须将它设置为 16px，但是如果使用不支持 webfonts 的浏览器查看页面，则文本看起来太大。

Answer 1

您可以为此使用Modernizr ： @font-face detection docs。

Answer 2

Remy Sharp 的这篇文章给了我最大的成功。另外，您还可以使用 Comic Sans。 http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/

这里的基本思想是我们使用具有大字体大小的 Comic Sans 作为您要检测的字体的后备。因为 CS 是一种很宽的字体，如果你检测的字体没有安装，那么 div 会比预期的更宽。