美文网首页
iconfont 字体图标

iconfont 字体图标

作者: 不算程序员 | 来源:发表于2019-08-05 15:02 被阅读0次

    字体图标

    第一步打开这个链接(阿里巴巴矢量图标库官网)

    https://www.iconfont.cn/

    进去之后就是这个样子

    第二步登陆注册 我是用微博注册的
    20190805144031.png
    第三步:点击图标管理—>我的项目,点击右边的新建项目,设置下项目的名称自己方便看就可以对的
    第四步:点击首页或者图标库,浏览图标,在自己喜欢的图标点击添加购物车,随后,点击右上角的购物车,再点击添加至项目,添加自己刚才新建的项目
    2019022413411622.png
    第五步 下载出来的是压缩包 需要进行解压
    2019022413444071.png
    第六步把解压好的文件放入自己的文件夹里面
    20190224134737710.png
    第七步 引入刚刚解压好的文件
      <link rel="stylesheet" href="../css/fonts1/iconfont.css">
    
    第八步 放在标签里面
      <i class="font iconfont  iconbianji"></i>
    

    插入字体图标这个图标就相当于是字体,同样可以设置其颜色,大小,

      <style>
        .font{
           font-size:22px;
           color:red;
         }
      </style>
    

    有什么问题可以评论在下方,欢迎指教!!!

    相关文章

      网友评论

          本文标题:iconfont 字体图标

          本文链接:https://www.haomeiwen.com/subject/qylmdctx.html