问题描述
我使用 IcoMoon 生成了一个 Icon webfont，然后使用 FontSquirrel 将 TTF 文件转换为 WOFF 和 WOFF2 文件。
WOFF 文件供 IE 用户使用，WOFF2 供所有其他浏览器使用。
我在 FontSquirrel 中使用了这些设置：
- Truetype 提示：保持存在
- 渲染：修复 GASP 表
- 垂直指标：自动调整垂直指标
- 修复缺失的字形：空格、连字符
- X 高度匹配：无
- 子集：无子集
- 高级选项 - Em Square 值：2048；调整字形间距：0
我在我拥有的所有设备和浏览器（Windows、Linux、Android、iPhone、所有浏览器）中进行了测试，并且 WOFF2 文件运行良好。
Apache 以 Content-Type: font/woff2 响应，并且没有 CORS 问题。
但是，一些用户报告说，网站上的所有图标都显示为带有十字 (☒) 的正方形。
报告问题的用户正在使用：
- Android 9 上的 Chrome v84（华为 Y6 2019）
- Android 8 上的 Chrome v89（三星 galaxy S7）
一旦我将 @font-face 更改为使用 WOFF 文件，这个问题就解决了。
我也有一些 Google 字体（自托管），以类似的方式与 WOFF2 一起使用，这些字体在报告上述问题的用户的设备上运行良好。
知道为什么在某些设备上自托管的 Google Fonts WOFF2 可以工作，但我生成的 Icons/Glyphs WOFF2 文件不行吗？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）