vue项目引入icon图标

项目图标的说明

当前项目在开发过程中，使用到了iconfont的图标，对应的图标预览地址如下： iconfont Demo

对于开发者来说，一般可以不关心它的存在，因为他并不影响你使用其他的iconfont图标库，只要你不使用同样的class名称。

但是在某些情景下，开发者可能想要对项目内的图标进行一个统一管理，这时候这个东西就可以帮助到你了,因为iconfont不支付分享的原因，我们直接把链接粘出来了，有需要的小伙伴可以自行用name名去iconfont内进行一系列的检索，形成自己的iconfont库，然后再回到项目内把系统图标做一个批量替换就可以了。

完整截图如下：

 

第一步 在index.html上加
 

    <!-- icon图标 -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2570680_gkyjimtz1d.css">

第二部 使用
" sfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

<span class="sfont system-home"></span>