字体超赞的页面加载速度与CSS图像？

Question

我想知道哪一个更快。 使用超赞的字体调用图标更快，或者使用CSS URL调用图标？

Answer 1

字体 。 如果您使用的字体与我相同，那么将它们用作字体而不是图像会更快。 字体在那里是图标的集合，您可以通过将一个类插入一个元素，或为该类设置一个伪类，然后在内容中插入想要的图标来使用该字体。

HTML：

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

CSS：

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

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