Font Awesome Icon Master Color

Question

是否有一个简单的自定义CSS，使所有图标都遵循特定的主题颜色？我已经看到了单独编辑每个图标的帖子，但我正在寻找一个大师。

Answer 1

是的，使用CSS是可能的。要么为它们提供包含自定义样式的相同类，要么使用它们的共同祖先引用所有图标。

假设您在类element的元素中包含所有图标，那么您可以为以下图标定义所有自定义css：

.element i.fa{
/* Your custom styles */
}

如果i.fa以外的其他元素上有图标，请将i更改为相关元素。希望这会有所帮助。

Answer 2

通常，模板（如用于Bootstrap的模板）具有用于不同颜色主题的单独CSS文件。

这些仅仅是覆盖默认颜色。 blue.css，green.css等

您可以通过将颜色属性集中在一个单独的样式表中来扩展Kamlesh的答案，该样式表允许抽象“主题”。

blue.css示例：

i.fa {
   color: #0c9;
}

   .inverse i.fa {
      color: white;
   }