前言
刚开始写vue.js项目，需要引入iconfont字体图标。该过程中，遇到一些小问题，特意记录一下。
首先，需要在iconfont 官网注册一个账号，将所需字体图标加入购物车。然后，点击购物车 图标，点击添加至项目，为项目命名、保存。接着，在官网导航栏中点击图标管理 ，选择我的项目 即可。
方法一、直接在index.html文件中引入iconfont的在线链接
链接为： <link rel="stylesheet" href="//at.alicdn.com/t/font_543575_0nkkkp4z386hto6r.css">
如何获得css文件？
如图所示：
复制成功后将//at.alicdn.com/t/font_543575_0nkkkp4z386hto6r.js 文件改为css文件//at.alicdn.com/t/font_543575_0nkkkp4z386hto6r.css
方法二、下载到本地，引入文件
推荐这种方法，第一种方法没有网络的话，图标就显示不了。
在iconfont官网中下载文件
如图所示：
下载的文件目录如图所示：
步骤：
（1）将这四个文件放到项目新建的fonts文件中，如图：
（2）将iconfont.css 文件引入到main.js文件中
import './common/css/iconfont.css'
注意：要将iconfont.css 文件中src引入的字体路径改成正确的相对路径，如图所示：
（3）引入iconfont 和每个icon的相对应的类名就可以了。
如：<i class="iconfont icon-menu">