如何使用 javascript 判断浏览器是否支持网页字体？
我只是想要一段代码来检查浏览器是否支持 CSS3 网络字体。
例如，我有一个 12px 的字体看起来太小，所以我必须将其设置为 16px，但如果使用不支持 webfonts 的浏览器查看页面，则文本看起来太大。
I just want a piece of code to check whether a browser supports CSS3 web-fonts or not.
for example I have a font which by the size of 12px looks too small so I have to set it on 16px but if the page is viewed with a browser without webfonts support the text looks too big.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用 Modernizr 来实现此目的：@font-face 检测文档。
You could use Modernizr for this: @font-face detection docs.
Remy Sharp 的这篇文章给了我最大的成功。另外，您还可以使用 Comic Sans。
http: //remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/
这里我们使用带有大字体的 Comic Sans 的基本思想size 作为您要检测的字体的后备。因为 CS 是一种很宽的字体，如果您检测到的字体没有安装，div 会比预期的更宽。
This article by Remy Sharp has given me the best success. Plus you get to use Comic Sans.
http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/
The basic idea here us using Comic Sans with a huge font size as the fallback for the font you want to detect. Because CS is such a wide font, if the font you are detecting is not install, the div will be wider then expected.