阿里线上图标使用

  • http://www.iconfont.cn/
阿里线上图标使用_第1张图片
Paste_Image.png

1、登陆账号
2、搜索想要的图标

阿里线上图标使用_第2张图片
Paste_Image.png

3、选择图标之后右上角仓库会自动添加选择图标
4、存储为项目

阿里线上图标使用_第3张图片
Paste_Image.png

5、点击按钮生成链接
6、复制链接去掉//导入link即可

阿里线上图标使用_第4张图片
Paste_Image.png

7、在浏览器打开地址会出现这个页面,把圈中的位置选择添加到css样式中
8、给HTML标签添加名为iconfont的class
9、表中的地方就是每个图标的class添加到html标签即可

你可能感兴趣的:(阿里线上图标使用)