Iconfont charachterspace在Android中崩溃(Fontastic)

前端之家收集整理的这篇文章主要介绍了Iconfont charachterspace在Android中崩溃(Fontastic)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我用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模拟器.

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

解决方法

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

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

猜你在找的Android相关文章