在vue中引入iconfont图标字体文件

从iconfont官网将要使用的图标添加至购物车，下载代码，然后解压出来其中要将iconfont.css、iconfont.eot、iconfont.ttf、iconfont.tff四个文件放置在一个目录下，在引用的时候，需要将这四个文件同时引入进去，如果只引入一个css文件，vue会包not found错误，如果要全局引入的话，就将四个文件在main.js中引入进去即可在全局引入后，可以直接使用

Felery

4329人浏览 · 2018-06-28 14:24:31

Felery · 2018-06-28 14:24:31 发布

1、从iconfont官网将要使用的图标添加至购物车，下载代码，

2、然后解压出来其中要将iconfont.css、iconfont.eot、iconfont.ttf、iconfont.svg四个文件放置在一个目录下，在引用的时候，需要将这四个文件同时引入进去，如果只引入一个css文件，vue会包not found错误，如果要全局引入的话，就将四个文件在main.js中引入进去即可

在全局引入后，可以直接使用！！！

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}$/, //不连续的两位字母// /^