前端页面使用的icon图标

一，进入https://www.iconfont.cn/ ，这个是阿里巴巴员工的图标库

点击帮助，点击代码应用，这里面有对这个网站的使用教程

 

二，使用流程

1，文字解说：

点击图标库——》搜索关键词——》选择你需要的图标，加入车中——》点击右上角的车——》点击添加进入项目——》确定——》点击下载到本地——》将下载的压缩包进行解压——》复制解压后的文件夹到你的项目中——》点击文件夹中的demo.html文件，这里面有相关的使用说明——》复制里面的两段代码到你的css文件中——》修改这两段代码中图标的引用路径——》使用图标

2，图片解说：

1）点击图标库，搜索关键词：

2）选择你需要的图标，加入车中，点击右上角的车

 

3）点击添加进入项目，然后点击确定

4）点击下载到本地，然后将下载的压缩包进行解压

5，复制解压后的文件夹到你的项目中，点击文件夹中的demo_index.html文件，这里面有相关的使用说明，——》复制demo_index.html中的代码，到你的css文件中——》修改对应的url路径

（我这里修改了这个文件的名字为icon）

 

 

6，使用：具体的使用在demo_index.html文件中有说明