本文主要是介绍伪类after before如何使用阿里的iconfont字体,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
之前在做一个蛋糕项目的时候,设计给了我一个这样的图片(tips:[ “ \e60d”为蛋糕的小图标 ])
当中的蛋糕图标,我的第一反应就是用before去做。然后把iconfont图标的十六进制的编码放到content里面去。
正所谓,理想很丰满,但现实很骨感!失败了!
于是,我就翻起之前的文章是相关content字符编码的,戳我查看。 于是我换了一个content的值。尽然成功了!
so!问题来了!为什么只能用一些预定义好的图标呢?阿里的图标为什么不能用啊!
今天一个偶然的机会,让我找到了解决的办法了。其实,很简单!只需要把iconfont类名下面的代码复制一份给伪类before就行了!
放水完毕!文章的内容水平不高!仅为记忆而用!如能帮你,我的荣幸!
这篇关于伪类after before如何使用阿里的iconfont字体的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!