为了探讨这个问题,我们专门整理一份测试表,以下数据仅供参考,不一定准确。
下面是基于 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+ |
备注
- EOT 格式主要由 Internet Explorer 支持,但在现代浏览器中已经不再广泛使用。
- SVG 字体格式早期在移动浏览器上有一些支持,但现在也不再推荐使用,现代浏览器通常不再支持。
- WOFF2 是目前推荐使用的格式,因为它比 WOFF 更加优化和压缩。
这些数据是基于当前 (2024 年) 主流浏览器的兼容性情况,如果有最新的变化或者有新的浏览器版本发布,可能会有一些细微的差别。