教程前提

想在博客顶栏加一个图床的入口,发现没有图标,所以写一下关于iconfont使用教程

下载&上传图标

  1. 首先打开网站搜索图标
    请输入图片描述
  2. 添加入库
    请输入图片描述
  3. 添加至项目,没有项目则新建
    请输入图片描述
  4. 编辑图标大小颜色,下载至本地
    请输入图片描述
  5. 将选中文件上传至相应目录下
    请输入图片描述

    调用图标

  6. 在Html中调用css
    <!-- 引入iconfont的css -->
    <link rel="stylesheet" href="你的路径/iconfont.css">
  7. 调用图标
    <i class="iconfont  icon-tuku"></i>(icon-tuku是图标的名称)
Last modification:January 30th, 2020 at 10:01 am
如果觉得我的文章对你有用,请随意赞赏