如何找出一个浏览器支持网页字体或不使用JavaScript？

Question

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

Answer 1

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

Answer 2

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

我们的基本想法是使用漫画大小的漫画Sans作为您要检测的字体的后备。因为CS是如此宽的字体，如果你检测的字体没有安装，div会比预期的要宽。