字体真棒页面加载速度与css图像？

Question

我想知道哪一个更快。使用字体awesome来调用图标更快或使用css url来调用图标？

Answer 1

<强>字体即可。如果您使用与我相同的Font Awesome，则将它们用作字体而不是图像会更快。字体是一组图标，只需将类插入元素，或将类设置为类并在内容中插入所需图标即可使用。

HTML：

<i class="fa fa-search"></i>

CSS：

.element:before { content: "\f002"; }

使用背景属性，你必须插入一个图像网址，这意味着你要么在你的文件夹中有多个图像占用空间并找到每个图像，要么你有一个图像，你必须设置你的背景位置为每个图标。