前端页面使用的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文件中有说明

猜你喜欢

转载自blog.csdn.net/weixin_44841312/article/details/105638593