使用iconfont 自定义图标

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

  1. 打开iconfont网站,选择项目图标,然后下载。
  2. 将下面代码存储为css文件
  3. plug-icon是我自定义类名,如果你是默认的,需要将[class^="plug-icon"]改回默认的类名(iconfont)
  4. 直接在class中写定义的图标类名就行啦, 例如
[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;
}

你可能感兴趣的:(使用iconfont 自定义图标)