######使用的相关链接教程图标下载步骤
使用的三种方法
图标的下载方法是首先在Iconfont-阿里巴巴矢量图形库中单击购物车按钮，选择“暂存”中要使用的所有图标，然后“另存为项目”并命名然后在“图标管理”-“图标APP”中找到此项，获取在线链接，并将中的代码复制到CSS中。 ###### unicode引用(原始) unicode是网页端字体最原始的方法，其特征如下：
兼容性最高，支持ie6和所有现代浏览器。
可以按字体动态调整图标的大小和颜色等。
但是因为是字体，所以不支持多色。 只能使用平台的单色图标。 即使项目中有多色图标也会自动掉色。
注意：新版本的iconfont支持多色图标。 这些多色图标在unicode模式下不可用。 如果需要，建议使用symbol引用方法
使用unicode的步骤如下：
步骤1 :复制在项目下生成的字体
@ font-face { font-family : ' icon font '； SRC:URL(iconfont.EOT )； SRC:URL(Iconfont.EOT？ #iefix ' )格式(嵌入式开放)、URL ) iconfont.woff )、格式)和URL ) iconfont.TTF ) )。 (步骤2 )定义使用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 “iconfont”是你项目下的字体系列。 可以编辑和查看项目。 默认值为“iconfont”。
###### font-class参考(unicode参考升级，淘宝首页使用过程中，2016.12.24 ) font-class是unicode使用方法的变种，主要是unicode标注直观
与unicode的使用方法相比，具有以下特点：
1 .兼容性良好，支持ie8和所有现代浏览器。
比unicode含义明确，书写直观。 很容易就能分辨出这个icon是什么。
3 .因为使用class定义图标，所以在替换图标时，只需修改class中的unicode引用。
4 .但是，由于本质上还是使用的字体，所以还不支持多色图标。
使用步骤如下。
步骤1 :引入在项目下生成的fontclass代码：
link rel=' style sheet ' type=' text/CSS ' href='./icon font.CSS '步骤2 :选择适当的图标，获取类名并将其应用到页面：
iclass=' iconfonticon-XXX '/I“icon font”是您项目下的字体- family。 可以编辑和查看项目。 默认值为“iconfont”。
3.symbol引用(未来主流)应该说这是全新的使用方式，这才是未来主流，也是平台现在推荐的使用方式。 相关介绍可以参考这篇文章的用法其实是建立了一个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