Mpvue引入fontAwesome图标库

作者: cs0710 | 来源:发表于2019-07-14 11:22 被阅读0次

Mpvue引入fontAwesome图标库
图标库集合
手把手教你使用字体图标
什么是React
Android战纪之字体图标库(iconify)的简单使用
react-fontawesome的简单使用，进一步封装
FontAwesome 4.7 for Axure 元件库（含下
常用速查
Font Awesome 学习笔记
12.20bootstap 基础

npm i font-awesome –save
// main.js里 添加 
import ‘font-awesome/css/font-awesome.min.css’

此时使用的话报错
VM23297:2 Failed to load local font resource /static/fonts/fontawesome-webfont.woff2-do-not-use-local-path-./static/css/app.wxss&4&7
the server responded with a status of 404 (HTTP/1.1 404 Not Found)

报错.png

解决方法在 build文件夹里修改 webpack.base.conf.js 文件
如下：
重点是去除limit限制

解决.png

Mpvue引入fontAwesome图标库
此时使用的话报错VM23297:2 Failed to load local font resource /s...
图标库集合
FontAwesome字体图标库：http://www.fontawesome.com.cn/faicons/ I...
手把手教你使用字体图标
常用字体图标库阿里字体图标库 iconfont fontawesome 字体图标库首先使用阿里的字体图标库上个...
什么是React
引用图标库 npm install react-fontawesome引用echarts npminstall...
Android战纪之字体图标库(iconify)的简单使用
字体图标库(iconify)的简单使用本文介绍字体图标库简单的封装和使用(以集成Fontawesome为例)： ...
react-fontawesome的简单使用，进一步封装
react-fontawesome是一个成熟的第三方图标库,底层采用svg的方式实现，在使用时引入想要使用的图标即...
FontAwesome 4.7 for Axure 元件库（含下
一直都在 Axure 中使用Fontawesome的图标库，相比 Axure 自带的图标库有很多的优势： 1：图标...
常用速查
1.引用图标库npm install react-fontawesome2.引用echartsnpm instal...
Font Awesome 学习笔记
什么是Font Awesome？ [Font Awesome][fontawesome] 是一款开源的字体图标库，...
12.20bootstap 基础
响应式布局手机视口使手机端可以正常显示，不被压缩字体图标库 fontawesome.io 导入cs...