阿里图标库怎么使用?
1.阿里矢量图标库
原理:通过将svg等格式的矢量图改变为相应的字体,用户通过
@font-face来使用下载字体库
阿里矢量图标库,可以当做一个icon库使用,可下载png格式图标
也可下载svg格式,复制svg代码
也可加入购物车,然后放到某个项目中,通过在线的方式使用。
2.在线使用的方法
1.加入购物车
2.创建项目,将所需图标放入项目中
3.生成字体库代码,拷贝到自己的项目中
4.每个图标生成相应代码,其unicode就代表该图标
html中<i class="iconfont"></i>
5.css中引用
.iconfont{
font-family:"iconfont";//引用该字体库
font-size:16px;//编辑字即编辑图标
font-style:normal;
}
上一篇:五万美金等于多少人民币?
下一篇:经典CAD快捷键命令大全
OPPO 一加Ace3 5G游戏电竞手机 骁龙8GEN2/1...
OPPO 一加Ace2 5G游戏电竞手机 满血版骁龙®8+旗...
OPPO 一加Ace2Pro 5G游戏性能手机 高通第二代骁...
兄弟(brother) TN-2115 黑色低容墨粉盒 (适...
兄弟(brother) TN-2050 黑色墨粉盒 (适用D...
华为p50pro 8GB+256GB 可可茶金色 成色完美简...
华为nova8pro 8GB+128GB 亮黑色 成色靓简配...
苹果ipad pro2021 11英寸 256GB 深空灰色...