阿里巴巴矢量图标库项目中使用svg格式字体图标 3种使用方式

本文介绍了如何在项目中使用阿里巴巴矢量图标库的SVG格式字体图标,包括其优势如矢量性、兼容性和维护便利性。详细阐述了在本地没有SVG时,如何通过在线平台进行图标选择、下载并采用unicode、symbol和font-class三种引用方式。同时,当本地已有SVG时,借助IcoMoon工具将SVG转为图标字体的步骤。
摘要由CSDN通过智能技术生成

iconfont 介绍
a. 意义:使用字体用 HTML 代码以文本的形式直接在网页中画 icon 小图标。
b. 为什么使用 icon 字体图标: 使用图标字体可大大减少图标维护工作量。
c. 灵活性:轻松地改变图标的颜色或其他 CSS 效果。
d. 可扩展性:改变图标的大小,就像改变字体大小一样容易。
e. 矢量性:图标是矢量的,与像素无关。缩放图标不会影响清晰度。
f. 兼容性:字体图标支持所有现代浏览器(包括糟糕的 IE6)。
g. 本地使用:通过添加定制字体到你的本地系统,你可以在各种不同的设计和编辑应
用程序中使用它们。
2) iconfont 使用(本地没有 svg)
a. 我们需要依赖网站制作,
b. 目前国内用的最多的是阿里巴巴矢量库(http://www.iconfont.cn/)

  1. 注册账户
  2. 把你想要的图标添加入库(购物车
    在这里插入图片描述
  3. 点击购物车,将你想要的图标添加到项
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值