阿里字体图标

阿里iconfont字库:http://www.iconfont.cn

  1. 首先注册登录

  2. 首页选择图标库

    然后选择想要的图标并加入购物车
    在这里插入图片描述

  3. 进入购物车选择添加至项目(如果没有项目在进入→我的项目→新建项目)
    在这里插入图片描述
    我的项目→新建项目在这里插入图片描述

  4. 下载至本地 (存储至与所在项目同一目录下) 然后解压
    在这里插入图片描述
    在这里插入图片描述
    打开文件夹如下
    在这里插入图片描述

  5. 点击demo_index.html
    里面有三种引入方式,分别对应有引入步骤
    在这里插入图片描述
    在这里插入图片描述

  6. 简单实践
    <font class方法>
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    <symbol方法>
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    结果如下
    在这里插入图片描述

  7. 三种方式具体步骤在demo_index.html

猜你喜欢

转载自blog.csdn.net/qq_47229902/article/details/122395974