font-awesome - FontAwesome 中不规则的字体

Question

我阅读了一些关于字体真棒的文章和 stackoverflow 问题。我在我的网站上成功实现了它，但我有一个大问题。

这是jfiddle

这是代码

html:

<i class="icon-th-list font-25em"></i>&nbsp font 2.5em<br/>
<i class="icon-th-list font-2em"></i>&nbsp font 2em<br/>

CSS：

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: Arial;
}

.font-25em {
    font-size: 2.5em !important;
}

.font-2em {
    font-size: 2em !important;
}

字体大小为 2em 等的图标效果很好，但是当我将字体大小更改为 2.5em 时，字体参差不齐，看起来很糟糕。

难道我做错了什么？

请帮忙

Answer 1

你没有提到是什么浏览器导致了这个问题，但是这里的任何东西对你来说看起来更好吗http://jsfiddle.net/panchroma/mYMnh/？

我将抗锯齿更改为-webkit-font-smoothing: antialiased;，如果您想变得花哨，可以在图标上添加一个小阴影以平滑：

.font-25em {
font-size: 2.5em !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}  

祝你好运！