伪类after before如何使用阿里的iconfont字体

之前在做一个蛋糕项目的时候,设计给了我一个这样的图片(tips:[ “ \e60d”为蛋糕的小图标 ]


当中的蛋糕图标,我的第一反应就是用before去做。然后把iconfont图标的十六进制的编码放到content里面去。

正所谓,理想很丰满,但现实很骨感!失败了!


于是,我就翻起之前的文章是相关content字符编码的,戳我查看。 于是我换了一个content的值。尽然成功了!


so!问题来了!为什么只能用一些预定义好的图标呢?阿里的图标为什么不能用啊!

今天一个偶然的机会,让我找到了解决的办法了。其实,很简单!只需要把iconfont类名下面的代码复制一份给伪类before就行了!


放水完毕!文章的内容水平不高!仅为记忆而用!如能帮你,我的荣幸!大笑

发布了47 篇原创文章 · 获赞 61 · 访问量 13万+

猜你喜欢

转载自blog.csdn.net/u011456552/article/details/52981371