iconfont 字体图标
2019-08-05 本文已影响0人
不算程序员
字体图标
第一步打开这个链接(阿里巴巴矢量图标库官网)
进去之后就是这个样子
第二步登陆注册 我是用微博注册的
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>
有什么问题可以评论在下方,欢迎指教!!!