Iconfont库的使用

1、百度搜索IconFont 或者打开http://iconfont.cn/home/index,登录
2、搜索图片,加入购物车

Iconfont库的使用_第1张图片
image.png

3、添加到项目
Iconfont库的使用_第2张图片
image.png

4、生成对应文件,“使用帮助”里面详细介绍项目如何引入使用
Iconfont库的使用_第3张图片
image.png

symbol引用,使用步骤如下:
第一步:拷贝项目下面生成的symbol代码:
//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js
第二步:加入通用css代码(引入一次就行):

第三步:挑选相应图标并获取类名,应用于页面:

你可能感兴趣的:(Iconfont库的使用)