字体真棒图标作为列表项或普通背景图像？

Question

目前我正在使用图像作为项目列表的背景：

.price_item ul li {
  background: url('/images/left_arrow.png') no-repeat right;
  background-size: 12px;
  list-style: none;
 }

图像是 725B。但是，我正在考虑用 Font Awesome 图标（字体）替换它。我的问题是，就性能和与不同浏览器的兼容性而言，哪一个更好？我个人认为 Awesome 图标加载速度更快，因为它只是一种字体。相比之下，由于使用它们不像普通背景图像那样简单，我担心兼容性。那么，在这种情况下是否值得使用 Font Awesome 图标？

Answer 1

是的，您应该使用字体图标。它现在非常流行，性能方面它比图像更好。以下是一些好处。

• 使用 CSS 进行缩放，使用 Apple 的 Retina 设备没有问题。
• 您可以通过 css 给任何颜色，无需去 Photoshop 和更改图标颜色。
• 使用多个图标和重叠图标
• 使用 CSS3 设置不透明度或旋转。
• 不再有图标的精灵图像。

兼容 IE7 及更高版本、FF、Chrome、Safari 和所有其他现代浏览器。