阿里矢量图标网站官方地址:
使用步骤:
1、登录阿里矢量图标网站
2、如果有自己的项目,点击资源管理菜单---我的项目--参与项目;没有自己的项目搜索图标
3、选中需要的图标加入购物车
4、选择下载到本地,然后解压压缩包
5、解压的文件最里面的文件放到项目中
6、引入iconfont.css文件或者iconfont.js文件
具体使用引用官方介绍
unicode 引用
unicode是字体在网页端最原始的应用方式,特点是:
- 兼容性最好,支持ie6+,及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {font-