如何应用字体真棒图标颜色-包括白色阴影而不仅仅是轮廓[重复]

Posted 2023-02-22

【中文标题】如何应用字体真棒图标颜色-包括白色阴影而不仅仅是轮廓[重复]

【英文标题】：How to apply font awesome icon color - including white shades not just the outlines [duplicate]

【发布时间】：2018-08-23 04:25:09

【问题描述】：

如何为字体超赞的图标着色，尤其是带有白色阴影的图标

例如，我在字体真棒图标“fa fa-files-o”中添加了以下 css 样式，但这不会为整个图标着色，只有轮廓显示为绿色。如何确保整个图标具有颜色？

.file-icon-green
  color: #36931a;
  background-color: #3e935f;


<i class='fa fa-files-o file-icon-green'></i>

【问题讨论】：

如果字体很棒，请阅读文档

@H.Mikhaeljan 已经看到了您在此处发布的链接。我的示例也与那里的示例相似，但不起作用，因此这篇文章。

反正不是字体真棒5

【参考方案1】：

FontAwesome 像普通字体一样工作。

例如：如果您尝试设置“O”的样式，则只有它的圆形部分是彩色的，而无论背景颜色是什么，“孔”都会保持不变。

我认为没有一种方法可以使用 FontAwesome 实现您想要的，您需要使用图形来代替。