字体小图标使用方法说明:

字体小图标使用方法说明:

1,ttp://www.iconfont.cn/  打开阿里字体图标库

2,如果是首次打开,先注册账号

3,在顶部的搜索栏搜索需要的图标

4,将所有需要的图标全部加入购物车后,新建一个项目,放置项目中

5,将项目下载至本地

6,在本地会出现一个download的压缩包,解压后打开文件夹


7,将解压文件中的iconfont.css文件放置项目的css文件夹中

8,将iconfont.css文件引入html文件中

9,修改iconfont.css文件的url路径

10,打开解压文件中的demo_fontclass.html,然后找到所需图标,插入到html文件中

11,最后在网页中预览小图标的效果,根据设计稿修改字体小图标的样式

你可能感兴趣的:(字体小图标使用方法说明:)