android - Iconfont 字符空间在 Android 中崩溃 (Fontastic)

Question

我使用 Fontastic.me 创建了一个 iconfont。它在 Android 4.2.2 和 4.3 的 native 浏览器(例如:现代三星平板电脑)中运行良好。 在这些浏览器中，整个字体的字符是没有宽度的。使用 Fontastic.me 制作的每种字体(甚至是它自己提供的字体)都会出现这种情况。这是居中图标(水平)时的主要问题。

我已经建立了一个网页来测试它:http://ajuin2013.boondoggle.eu/fontastic-streamlineicons/icons-reference.html .粉红色表示字符的宽度。 以下屏幕截图将正常行为与 AndroidBrowser-behaviour 进行了比较: http://ajuin2013.boondoggle.eu/fontastic-streamlineicons/fontastic.png

我确定是因为Fontastic，因为当我使用Icomoon作为fontgenerator时，问题没有出现。我也通知了所有者，但他说他无法调查，因为他现在不知道如何在他的 Mac 上安装 Android 模拟器。

有人知道这里发生了什么吗？是什么导致字符空间崩溃？

Answer 1

我昨天遇到了同样的问题。我通过一些变通解决了它。就像你说的，当你想用 text-align:center; 使图标居中时；它最终更靠右。如果你把它放在左边，它会按预期向左对齐。所以我使 speudo 元素与图标的宽度完全相同，并将 speudo 元素居中 margin: 0 auto;在这种情况下，您可以将文本对齐保留在左侧。

我知道这不是完美的解决方案，但现在它适合我，也许也适合你。