icon font 应用

前提

个人网站需要增加icon图标,超链接网易云、微博。
这里只拿iconfont网站为例,示范

开始

1.下载icon

网址:https://www.iconfont.cn/

1)寻找icon,加入购物车
红色的小购物车就是加入购物车
icon font 应用
2)下载代码
点击“下载代码” icon font 应用

2.导入项目

1)解压下载的压缩包,复制到该复制的地方
(其实没必要都复制过来,然鹅我懒得改iconfont.css)
icon font 应用

2)html 引入css文件
icon font 应用

3)增加class 引入
icon font 应用

3.效果

icon font 应用

上一篇:[CSS] 纯CSS的前端图标icon库并且修改大小和颜色


下一篇:JavaScript用策略模式消除if else 和 switch