有没有一种方法来检测用户的浏览器是否支持@字体面？(Is there a way to detect

我有一个使用有趣的字体来使用@字体面使用一些自定义字体正确显示网页上的一些内容。 我有一个警告，它可能无法在所有浏览器中正确显示。 内容不是页面真正重要的，所以我真的很想做的，而不是根本就没有表现出来，如果浏览器不打算这样做，因为浏览器版本，脚本拦截，或者别的什么东西。 有没有办法做到这一点？

Answer 1:

Modernizr的有这种内置。 下面是一个构建，只是检查的@ font-face支持的链接。 http://modernizr.com/download/#-fontface-shiv-cssclasses-teststyles-load

然后你就可以在JS检查Modernizr.fontface或CSS的.fontface { }

这里有一个如何做一个奇特的解释： http://paulirish.com/2009/font-face-feature-detection/

需要明确的是，你几乎可以支持与@字体面每一个浏览器，除了针对Android的某些版本。 http://caniuse.com/#search=font

与@字体面的更大的问题是不是@字体面，但支持特定的字体文件类型，这是较为有限的基本支持。 我个人建议使用WOFF，这在IE9 +工作。 另外，如果你使用Typekit或字体，松鼠，你几乎可以支持所有浏览器开箱。

文章来源: Is there a way to detect whether a user's browser is supporting @font-face?