我在网页上有一些内容使用有趣的字体通过使用@font-face 使用一些自定义字体来正确显示。我包含一个警告，它可能无法在所有浏览器上正确显示。内容对页面来说并不是真正重要的，所以我真正想做的就是如果由于浏览器版本、脚本阻塞或其他原因，浏览器不打算这样做，则根本不显示它。有没有办法做到这一点？
问问题
1247 次
1 回答
6
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 之外，您几乎可以使用 @font-face 支持所有浏览器。 http://caniuse.com/#search=font
您对@font-face 的更大问题不是对@font-face 的基本支持，而是对特定字体文件类型的支持，这是比较有限的。我个人建议使用 WOFF，它适用于 IE9+。或者，如果您使用 Typekit 或 Font-Squirrel，您几乎可以开箱即用地支持所有浏览器。
于 2012-04-26T18:29:20.817 回答