基于vue的组件库Element-ui或者Mint-ui所提供的字库有限，无法满足图标种类丰富的项目，故需要引入第三方字体库，比如iconfont，Font Awesome等字体库，下面以Font Awesome字体库为准，记录字体库在vue项目中使用方法：
方法一.在官网下载Font Awesome字体库到本地，复制整个font-awesome文件夹到项目中static文件夹下，然后在index.html中引入font-awesome.css文件即可：
//以font-awesome-4.7.0为例
<link rel="stylesheet" tyle ="text/css" href="static/font-awesome-4.7.0/css/font-awesome.css"/>
方法二：通过vue脚手架安装
//1.安装font-awesome
npm install font-awesome --save
//2.在main.js中引用
import 'font-awesome/css/font-awesome.css'
网友评论