css – 使用图标字体(Font Awesome)看起来有点模糊,太粗体

前端之家收集整理的这篇文章主要介绍了css – 使用图标字体(Font Awesome)看起来有点模糊,太粗体前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用Font Awesome在我的网站上创建图标,虽然它们在使用Retina显示屏的iPod Touch上看起来非常棒,但在我的iMac上,它们看起来有点模糊,较少定义。

这是一个图片来证明:

正如你所看到的那样,这款字体在Retina Display iPod Touch上看起来真的很棒,而且在iMac上也是如此。

是什么原因造成的?这是否与反锯齿?有什么可以做的吗?

解决方法

像这样的问题可能与抗锯齿或暗示有关。如果他们希望看起来更好的尺寸,字体需要在某种网格上对齐。 GitHub的人写了一个很好的 blog post,他们如何管理他们的自定义字体的清洁。

我会尝试在网格上对齐,并遵循GitHub人的脚步。他们在图标上做得很好。

还有:iPod Touch和iMac之间的图标是不同的数字大小,还是不同DPI设置的副作用?这也可能是字体渲染的问题。

如果可能,请使用您的DPI设置。我不使用Mac,所以我不知道如何更改这些设置。然而,它仍然不会解决基础网格问题。您能编辑有关的字体吗?

猜你在找的CSS相关文章