vue-cli -- 字體圖標使用

1、font-awesome

1.使用npm安裝

npm install vue-awesome
// 或者
npm install font-awesome

2.在main.js文件下

import 'vue-awesome/icons/index.js' 
// 如果考慮項目大小，只導入用於減少包大小的圖標
import 'vue-awesome/icons/flag/index.js'
// 或者
import 'font-awesome/css/font-awesome.css' 

3.全局使用

import Icon from 'vue-awesome/components/Icon'
Vue.component('icon',Icon)

4.使用方法

<icon name="beer"><icon>
// 如果是font-awesome的話,直接按照官方使用
<i class="fa fa-xx"></i>

5.樣式改變

給圖標設置樣式（大小可以通過 transform: scale() 來設置）
如果是font-awesome的話，直接按照字體的規則

2、iconfont

1.下載iconfont字體圖標到文件夾iconfont，並將文件夾拷貝引入到vue項目的assets文件里

2.本地使用：在main.js文件中

import './assets/iconfont/iconfont.css'