vue 项目使用iconfont

Step.1

从 iconfont官网 将需要的图片添加到购物车,将购物车里的图片添加到项目,最后从项目里下载到本地。如下图:

image.png

下载完后解压如下图:


image.png

Step.2

在项目assets目录下新建个文件夹名字随便,我这里是iconfont命名。然后将上图中红框内的文件复制到新建的目录下,如下图:


image.png

Step.3

在main.js 文件引入全局css,如下图:


image.png

下面就可以根据官网一样使用了




你可能感兴趣的:(vue 项目使用iconfont)