当前位置: 代码迷 >> 综合 >> iconfont 图标 使用
  详细解决方案

iconfont 图标 使用

热度:31   发布时间:2023-12-22 00:03:33.0

1 可以使用在线连接,也可以下载到本地

请添加图片描述

2 在线连接

  • 在assets下的font文件夹下新建iconfont.css文件夹,引入在线链继
    在这里插入图片描述
  • 在main.js文件中引入iconfont.css文件
    请添加图片描述

3 下载文件

下载到本地后,把压缩包里的css文件拖到assets下的font文件夹下,然后在main.js中引入

4使用

<i class="iconfont icon-shouqi"></i>

在这里插入图片描述
写上图标对应的类名就可以使用了

注意:每次更新图标的时候都要更换在线连接或者重新下载css文件