vue使用font-awesome字体显示小方块

刚刚使用一段时间的vue.js出现了各种奇奇怪怪的问题，前几天出现小方块的问题，看了几篇文章，发现图标不显示，然后看了样式发现是font-awesome字体，然后搜了搜这种字体为什么会出现这种问题，试了几个之后，发现好像自己没有导入这种字体，于是开始执行引入字体：npm install font-awesome（在当前的项目下所在本地文件夹下操作）在 main.js加上import ‘...

yanguo110

3907人浏览 · 2018-06-25 09:55:00

yanguo110 · 2018-06-25 09:55:00 发布

刚刚使用一段时间的vue.js出现了各种奇奇怪怪的问题，前几天出现小方块的问题，看了几篇文章，发现图标不显示，然后看了样式发现是font-awesome字体，然后搜了搜这种字体为什么会出现这种问题，试了几个之后，发现好像自己没有导入这种字体，于是开始执行引入字体：

npm install font-awesome（在当前的项目下所在本地文件夹下操作）
在 main.js加上 import ‘font-awesome/css/font-awesome.min.css’
随后又试了直接引入之前的font-awesome.min.css发现没什么用。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^