由于移动端设备拥有不同分辨率，PPI 等引起的问题， 常常需要针对不同屏幕分辨率来调整优化，如使用 2x 图片， max-width 限制等。采用 css font-face 用来显示 icon 也不失为一种好办法。因为 icon fonts (字体)是矢量图形，所以不受分辨率的影响，同时可以做到完美缩放；当然，也可使用在 WEB 端。优点     文件小    加载性能好    支持 css 样式    IE6/7 下也支持 缺点     样式限制，使用扁平化风格    移动端还存在不兼容问题

本文主要介绍字体加载优化的常用策略，大部分内容为引用和翻译。 一、 font-face基本用法 font-face的基本用法想必大家都是知道的，基本上就是类似这样： font-face { font-family: Lato; src: url('font-lato/lato-regular-webfont.woff2') format('woff2'), url('font-lato/lato-regular-webfont.woff') format('woff'), ur