本人在开发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