如何发现浏览器是否支持网络字体或不使用javascript

how to find out a browser supports web fonts or not using javascript?

本文关键字：字体网络 javascript 支持是否何发现发现浏览器更新时间：2023-09-26

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

您可以使用Modernizr：@font人脸检测文档。

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

这里的基本想法是使用具有巨大字体大小的Comic Sans作为您想要检测的字体的后备方案。因为CS是一个非常宽的字体，如果您检测到的字体没有安装，那么div将比预期的要宽。