字体与图标

浏览器渲染字体

1. 使用浏览器打开页面时，浏览器会解析HTML文件进行渲染。当读到'HTML5学堂'或者'摩登足迹'字时会转换成对应的 unicode码（unicode码可以认为是字的特定编号）
2. 浏览器再根据CSS里面设置的font-family查找对应的字体文件。如果CSS里面没有设置字体，就会使用浏览器的默认设置。如果有自定义字体@font-face网络字体，则加载对应字体文件
3. 浏览器找到文件后根据unicode码去查找绘制外形，最后把找到的结果绘制到页面上

 

将iconfont拆开来看，就是icon（图标）和font（字体）。简单的说iconfont就是利用字体工具把我们平时网页上用的图形图标转换成网页字体。其实跟字体差不多，字体对应的是文本，iconfont对应的是图标