字体图标的使用

阿里矢量图网站：

iconfont-阿里巴巴矢量图标库

目录

第一步，登录网站，页面如下； 注册账号

第二步， 直接搜索图标

 第三步，点击购物车

第四步，link引入文件

 第五步，解压后放在你需要的根目录

---

第一步，登录网站，页面如下； 注册账号

第二步， 直接搜索图标

• 并加入购物车

鼠标经过图标会有购物车出现，点击

第三步，点击购物车

•  并点击添加至项目

创建一个项目，或者选择一个已有的项目【一般新增图标的时候使用】。

• 再点击下载至本地
• 

第四步，link引入文件

必须引入iconfont.css这个css文件，别搞错啦

<link rel="stylesheet" href="./font/iconfont.css">

第五步，解压后放在你需要的根目录

• 同时，打开font文件夹【原本叫font，你可以改个简单的名字】，打开这个html文件

• 紧接着点击font-class，复制类名

•  同时还必须要加上iconfont类名

• 就可以引入图标成功

结尾：

学习id： 201903090124-11

现在是大三学生，学习到了前后端交互的express阶段，如有不对的地方，欢迎指正，一起努力呀。如有转载请注明出处。