web前端css伪元素使用阿里iconfont中Unicode编码

在阿里iconfont中创建项目

web前端css伪元素使用阿里iconfont中Unicode编码
新建项目
web前端css伪元素使用阿里iconfont中Unicode编码
搜索自己想要的图标并添加入库
web前端css伪元素使用阿里iconfont中Unicode编码
点击购物车
web前端css伪元素使用阿里iconfont中Unicode编码
添加至项目

web前端css伪元素使用阿里iconfont中Unicode编码
回到“我的项目”,点击“下载至本地”,可以下载到web项目的根目录
web前端css伪元素使用阿里iconfont中Unicode编码
web前端css伪元素使用阿里iconfont中Unicode编码
解压后把包含.iconfont.css文件的文件夹链接进项目
web前端css伪元素使用阿里iconfont中Unicode编码
web前端css伪元素使用阿里iconfont中Unicode编码
从iconfont.css中复制下面这一段到自己项目的css文件中
web前端css伪元素使用阿里iconfont中Unicode编码
web前端css伪元素使用阿里iconfont中Unicode编码
web前端css伪元素使用阿里iconfont中Unicode编码
可以看到图标的Unicode编码,在css中可以用斜杠“\r60b”
web前端css伪元素使用阿里iconfont中Unicode编码
html中
web前端css伪元素使用阿里iconfont中Unicode编码
css中
web前端css伪元素使用阿里iconfont中Unicode编码
上图中的“font-family”字段源于
web前端css伪元素使用阿里iconfont中Unicode编码
显示成功
web前端css伪元素使用阿里iconfont中Unicode编码

相关文章: