Iconfont charachterspace在Android中崩溃（Fontastic）

Question

我使用Fontastic.me创建了一个iconfont。除了Android 4.2.2和4.3的原生浏览器（例如：现代三星平板电脑）外，它的效果很好。 在这些浏览器中，整个字体的字符没有宽度。使用Fontastic.me（甚至是它自己提供的字体）制作的每种字体都会出现这种情况。当使图标居中（水平）时，这是一个主要问题。

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

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

有没有人知道这里发生了什么？是什么导致角色空间崩溃？

Answer 1

昨天我遇到了同样的问题。我通过一些解决方法解决了这个问题。就像你说的那样，当你想用text-align：center中心图标时;它最终更靠右边。如果你把它放在左边，它会按照预期对齐。因此，我使speudo元素的宽度与图标的宽度完全相同，并将speudo元素置于margin：0 auto;在这种情况下，您可以将text-align留在左侧。

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

Answer 2

我遇到了同样的问题并使用icomoon解决了这个问题。