前端面试八股文每日一题——HTML

iconfont是什么？有什么优缺点？

答：

• 顾名思义，iconfont就是字体图标。严格地说，就是一种字体，但是它们不包含字母或数字，而是包含符号和字形。可以使用CSS设置样式，就像设置常规文本一样，这使iconfont成为Web开发时图标的热门选择。

• 优点：

  可以方便的将任何CSS效果应用于它们。

  因为它们是矢量图形，所以它们是可伸缩的。这意味着我们可以在不降低质量的情况下伸缩它们。

  我们只需要发送一个或少量HTTP请求来加载它们，而不是像图片，可能需要多个HTTP请求。

  由于尺寸小，它们加载速度快。

  它们在所有浏览器中都得到支持（甚至支持到IE6）。

• 不足：

  不能用来显示复杂图像。

  通常只限于一种颜色，除非应用一些CSS技巧。

  字体图标通常是根据特定的网格设计的，例如16*16、32*32等。如果由于某种原因将网格系统改为25*25，可能不会得到清晰的结果。