使用iconfont 自定义图标

每次在使用iconfont图标时,都需要在class中添加iconfont类,所以我做了以下处理

  1. 打开iconfont网站,选择项目图标,然后下载。
  2. 将下面代码存储为css文件
  3. plug-icon是我自定义类名,如果你是默认的,需要将[class^="plug-icon"]改回默认的类名(iconfont)
  4. 直接在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;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容