vue项目中如何使用fontisto图标库，亲测！

本人在开发vue+element的项目中使用的icon一直是element的icon，但是最近看了element-plus的文档说后续要把icon单独拿出来了，然后需要像用其他icon库一样npm下载，既然同样需要单独npm一个icon库为什么我不用其他老牌的，专门做icon的呢？毕竟人家资历和专业性在这。
于是在网上找了一个icon库——fontisto，主要有以下特点：

完全免费用于商业用途。不需要使用 Javascript。支持使用 CSS。完美适配高分辨率显示器。图标是可伸缩的。
而且感觉很小众没什么人用，看这首页也感觉很刁！

可惜文档里并没有教怎么引用，只教你怎么npm，对于我这种懒人肯定极其不舒服。
闲话不多说，直接重仓空进去
npm，官网里也有

$ npm install fontisto

在main.js全局中引用

import 'fontisto/css/fontisto/fontisto.css'

然后就能随意的在项目中使用啦，可以参考官网给的例子：

<i class=“fi fi-twitter”>i>fi fi-twitter
<i class=“fi fi-facebook”>i>fi fi-facebook
<i class=“fi fi-instagram”>i>fi fi-instagram