7

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

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

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

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

4

2 回答 2

1

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

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

于 2014-05-08T07:02:25.933 回答
1

我遇到了同样的问题并通过使用icomoon解决了它。

于 2015-03-02T08:30:51.053 回答