iconfont 字体图标

2019-08-05  本文已影响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>

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

上一篇下一篇

猜你喜欢

热点阅读