Question

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

这是代码

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;
}

带有font-size 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);
}

祝你好运！

FontAwesome中的衣衫褴褛的字体

1 个答案: