提供Verge3D教程和Web3D开发技术服务

HTML/CSS-如何将Iconfont图标用于伪元素?

Iconfont是阿里的免费图标库,使用方法在官网的帮助里介绍的很清楚了。但是如何将Iconfont用于伪元素确没有说明,这里补充一下。

首先将喜欢的图标放进项目中,并在“我的项目”下面复制字体路径代码,将代码粘贴到自己的CSS文件中:

然后在想要使用的图标上面复制代码,如:



注意这里我们需要的是&#x后面的字符:e610,作为伪元素使用的时候要写成:\e610

.icon::before {
  content:'\e610';
  font-family:'iconfont';
}

zjbcool

zjbcool
关闭菜单