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

在vue中引入iconfont图标字体文件_第1张图片

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


在vue中引入iconfont图标字体文件_第2张图片

在全局引入后,可以直接使用!!!

在vue中引入iconfont图标字体文件_第3张图片




你可能感兴趣的:(Vue)