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

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

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

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

<figure class="wp-block-table" id="bkmrk-%E6%B5%8F%E8%A7%88%E5%99%A8ttfotfwoffwoff2eo"><table class="has-fixed-layout"><thead><tr><th>浏览器</th><th>TTF</th><th>OTF</th><th>WOFF</th><th>WOFF2</th><th>EOT</th><th>SVG</th></tr></thead><tbody><tr><td>Android Browser</td><td>2.2+</td><td>2.2+</td><td>4.4+</td><td>37.0+</td><td>不支持</td><td>3.0+</td></tr><tr><td>Blackberry Browser</td><td>7.0+</td><td>7.0+</td><td>7.0+</td><td>不支持</td><td>不支持</td><td>7.0+</td></tr><tr><td>Chrome</td><td>4.0+</td><td>4.0+</td><td>6.0+</td><td>36.0+</td><td>不支持</td><td>4.0+</td></tr><tr><td>Chrome for Android</td><td>18.0+</td><td>18.0+</td><td>18.0+</td><td>36.0+</td><td>不支持</td><td>18.0+</td></tr><tr><td>Firefox</td><td>3.5+</td><td>3.5+</td><td>3.6+</td><td>35.0+</td><td>不支持</td><td>3.6+</td></tr><tr><td>Firefox for Android</td><td>15.0+</td><td>15.0+</td><td>15.0+</td><td>35.0+</td><td>不支持</td><td>不支持</td></tr><tr><td>Internet Explorer</td><td>9.0+</td><td>9.0+</td><td>9.0+</td><td>不支持</td><td>6.0+</td><td>不支持</td></tr><tr><td>Internet Explorer Mobile</td><td>10.0+</td><td>10.0+</td><td>10.0+</td><td>不支持</td><td>9.0+</td><td>不支持</td></tr><tr><td>Opera</td><td>10.0+</td><td>10.0+</td><td>11.10+</td><td>23.0+</td><td>不支持</td><td>10.0+</td></tr><tr><td>Opera Mobile</td><td>10.0+</td><td>10.0+</td><td>11.0+</td><td>26.0+</td><td>不支持</td><td>10.0+</td></tr><tr><td>Safari</td><td>3.1+</td><td>3.1+</td><td>5.1+</td><td>14.0+</td><td>不支持</td><td>3.2+</td></tr><tr><td>Safari for iOS</td><td>4.2+</td><td>4.2+</td><td>5.0+</td><td>14.0+</td><td>不支持</td><td>4.2+</td></tr></tbody></table>

</figure>### 备注

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

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