另一方面，使用注册icon font http://www.icon font.cn /阿里巴巴向量库、github或微博注册选择喜欢的图标并添加到入住，然后点击右侧购物车，底部(165http://www.Sii
unicode是字体在网站端最原始的应用方式，特点如下：
兼容性最高，支持ie6和所有现代浏览器。 可以按字体动态调整图标的大小和颜色等。 但是因为是字体，所以不支持多色。 只能使用平台的单色图标。 即使项目中有多色图标也会自动掉色。 注意：新版本的iconfont支持多色图标。 这些多色图标在unicode模式下不可用。 如果需要，建议使用symbol引用方法
使用步骤如下。
步骤1 :复制在项目下生成的字体(注意路径)。
/*声明字体*/@font-face {/*引用字体文件(注意路径) format告诉浏览器这些字体文件将以什么格式进行分析() */font-family : ' ) SRC:URL(iconfont.EOT )；/* ie9 */src : URL (icon font.eot？ # ie fix ' (格式(嵌入式开放) )、/* ie6-I E8 */URL (icon font.woff ) )格式)、/*Chrommat /* chrome /* iOS 4.1- */}定义使用步骤iconfont的样式
. icon font { font-family : ' icon font '！ 导入； font-size:16px； 字体样式： normal； 微信字体智能： antialiased； - WebKit-text-stroke-width :2 px； - moz-OS x-font-smoothing : gray scale； (步骤3 )选择相应的图标，获取字体代码，并应用于页面
i class='iconfont'#x33； /I(2)unicode引用
font-class是一种unicode用法变种，主要解决unicode标记不直观、含义不明确的问题。
与unicode的使用方法相比，具有以下特点：
兼容性强，支持ie8和所有现代浏览器。 意思比unicode更明确，书写更直观。 很容易就能分辨出这个icon是什么。 因为使用class定义图标，所以在替换图标时，只需修改class中的unicode引用。 但是，由于本质上是使用的字体，所以还不支持多色图标。 使用步骤如下。
步骤1 :引入在项目下生成的fontclass代码：
link rel=' style sheet ' type=' text/CSS ' href='./icon font.CSS '步骤2 :选择适当的图标，获取类名并将其应用到页面：
Iclass='iconfonticon-XXX'/I(3)fontclass引用
应该说，这是全新的使用方式，这才是未来的主流，也是平台目前推荐的使用方式。 这个使用方法实际上是制作了svg的集合，与其他两个相比具有以下特征。
支持多色图标，不再受单色限制。 一些技巧支持在字体大小、颜色中调整样式，就像在字体中一样。 兼容性差，支持ie9和现代浏览器。 浏览器渲染svg的性能一般，不如png。 使用步骤如下。
步骤1 :引入在项目下生成的symbol代码：
script src='./icon font.js '/script第二步：添加通用css代码(部署一次即可) :
syle type=' text/CSS '.icon { width :1 em； 高： 1em； 垂直对准：-0.15 em； fill: currentColor； Overflow :隐藏； (} /style步骤3 )选择适当的图标，获取类名并将其应用于页面：
SVG class=' icon ' aria-hidden=' true ' use xlink : href=' # icon-XXX '/use/SVG