把一些常用的图片做成字体这样好么？

Question

• 现在项目中有一些小图标， 设计给出的是图片，我在想把这个图片全部做成字体，是不是更好一些。

• 这样也可以减少网络的请求数。

不知道大家是怎么做的。

Answer 1

字体一般是矢量图，做出来会比图标更节约空间，的确是可以达到节约流量和请求数的目的。但是字体图标有一点不足，它比较适合纯色扁平风格，因为一个字只能用一个颜色渲染，不能出彩。

为了减少请求数，还有一个方案就是 css sperites，这个用百度一搜就有大量的介绍，就是把一些图标拼成一张大图，这样对图片就只需要请求一次，通过 CSS 设置背景偏移来显示上面的某个具体图标。这种方案支持彩色图标，但对技术要求稍高一些。

Answer 2

确实，做成字体确实比较好，我们一般也是这么做的。
这么做的好处：
1.体积小，一堆字体加起来也就几k，比图片小很多
2.扩展性强，颜色、大小都可以定制，大小修改font-size，颜色修改color，拉伸不会变形

PS:我们用的iconfont

Answer 3

谢谢邀请。你这两点说的都没错都很正确。如果是图片肯定要去请求你们图片服务器的，这样就造成对服务器的请求消耗，不管图片大小只要是图片，都要去你们服务器请求加载。而字体库则不然，直接加在样式就可以了，方便快捷

Answer 4

谢谢邀请，做成字体方便很多，以前做过那种把小图标放在一张图片管理，虽然比之前方便很多，但是要算定位，比较麻烦。关于好处，楼上说出了很多。

Answer 5

做成图片麻烦？！引入字体图标库和找出对应图标也麻烦？！
我就是PC端项目，简单粗暴的用webpack编译成base64，也不会增加请求数。