admin管理员组

文章数量:1594754

iconfont、svg图标字体下载并使用


文章目录

  • iconfont、svg图标字体下载并使用
  • 一、进入阿里巴巴官方字体库
  • 二、查找需要的图标并加入购物车
  • 三、新建项目
  • 四、使用svg图标库


提示:以下案例可供参考

一、进入阿里巴巴官方字体库

点击进入阿里巴巴字体库

二、查找需要的图标并加入购物车

三、新建项目

1、点击添加至项目

2、点击新建项目

3、输入项目名称并确认

4、自动跳转至新建项目目录

5、点击项目设置

6、勾选字体格式SVG并保存

7、将项目下载至本地

8、保留需要的文件,即红色标注文件

四、使用svg图标库

在html文件中引入css文件即可。在这里需要注意的是,css文件中svg文件、ttf文件、woff文件的路径是否正确。

最后直接使用即可

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

本文标签: 图标字体iconfontsvg