每次在使用iconfont图标时,都需要在class中添加iconfont类,所以我做了以下处理
- 打开iconfont网站,选择项目图标,然后下载。
- 将下面代码存储为css文件
- plug-icon是我自定义类名,如果你是默认的,需要将[class^="plug-icon"]改回默认的类名(iconfont)
- 直接在class中写定义的图标类名就行啦, 例如
<i class="plug-icon-user"></i>
[class^="plug-icon"],
[class*="plug-icon"]
/*这里有空格*/
{
font-family: "iconfont" !important;
font-size: 20px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}