如何判断市面上主流跨屏浏览器对 @font-face 兼容性？

为了探讨这个问题，我们专门整理一份测试表，以下数据仅供参考，不一定准确。

下面是基于 2024 年 8 月份最新信息的主流浏览器对 @font-face 的兼容性：

主流浏览器对 @font-face 兼容性

浏览器	TTF	OTF	WOFF	WOFF2	EOT	SVG
Android Browser	2.2+	2.2+	4.4+	37.0+	不支持	3.0+
Blackberry Browser	7.0+	7.0+	7.0+	不支持	不支持	7.0+
Chrome	4.0+	4.0+	6.0+	36.0+	不支持	4.0+
Chrome for Android	18.0+	18.0+	18.0+	36.0+	不支持	18.0+
Firefox	3.5+	3.5+	3.6+	35.0+	不支持	3.6+
Firefox for Android	15.0+	15.0+	15.0+	35.0+	不支持	不支持
Internet Explorer	9.0+	9.0+	9.0+	不支持	6.0+	不支持
Internet Explorer Mobile	10.0+	10.0+	10.0+	不支持	9.0+	不支持
Opera	10.0+	10.0+	11.10+	23.0+	不支持	10.0+
Opera Mobile	10.0+	10.0+	11.0+	26.0+	不支持	10.0+
Safari	3.1+	3.1+	5.1+	14.0+	不支持	3.2+
Safari for iOS	4.2+	4.2+	5.0+	14.0+	不支持	4.2+

备注

1. EOT 格式主要由 Internet Explorer 支持，但在现代浏览器中已经不再广泛使用。
2. SVG 字体格式早期在移动浏览器上有一些支持，但现在也不再推荐使用，现代浏览器通常不再支持。
3. WOFF2 是目前推荐使用的格式，因为它比 WOFF 更加优化和压缩。

这些数据是基于当前 （2024 年） 主流浏览器的兼容性情况，如果有最新的变化或者有新的浏览器版本发布，可能会有一些细微的差别。