建站是每个SEOer的必备技能之一。期间，会遇到各种各样的小图标，用PS或者CSS/HTML都可以直接画出来。显然，这两种方案在效率上都差强人意。最直接、最快速的方法当然是引用第三方现成的icon图标了，譬如“Iconfont-阿里巴巴矢量图标库”。下面来说说具体的使用方法、操作步骤。
首先，当然是百度搜索“Iconfont-阿里巴巴矢量图标库”，进入官网之后，按照下述步骤操作即可快速引用相关图标。
1.在“Iconfont-阿里巴巴矢量图标库”中搜索目标图标，例如笔者搜索“日期”，搜索结果出现158个相关的icons。
2.把鼠标放到目标图标上面，会出现添加入库、收藏、下载图标3个按钮，点击“添加入库”按钮。
3.点击右上角显示数字的购物车按钮；
4.在弹出的菜单中点击“添加至项目”按钮，并“确定”。
5.接着，在弹出的界面中，可以对图标大小、颜色、位移、旋转等参数进行编辑；
6.点击“下载至本地”，图标相关的CSS、JS、字体等内容打包下载到本地；
7.接下来是重点，即引用类与字体编码：
（1）解压下载的压缩包，命名为fonts，并复制到指定的文件夹；
（2）在目标页面引入CSS文件；
（3）在目标位置引类名class="iconfont"和字体编码3：<spanclass="iconfont">3</span>。字体编码可以通过压缩包内的说明文件查看，或者返回项目查看。
至此，阿里巴巴矢量图标库内的Iconfont图标就完美的引入你的网站。当然，还有很多类似的ICON图标库，但使用方法基本都如出一辙。