6.在Vue中使用iconfont的方法

1.将图标CDN托管到阿里矢量图标库里面

image.png

在矢量图标库中选取需要的图片,复制如图所示的链接,在index.html中link该地址即可

<link rel="stylesheet" href="https://at.alicdn.com/t/font_604260_3eh5mio3ofidlsor.css">

然后可以在对应的组件中使用

<span class='iconfont  xxxxx'></span>

2.将iconfont下载到本地的用法

首先先下载,然后将下载的文件放在assets文件夹中,然后在main.js里面全局引入:

//全局引入iconfont.css的样式
import './assets/font/iconfont.css'

文件路径对上,然后在组件里面就可以引用了

<span class='iconfont  xxxxx'></span>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容