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

Question

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

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

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

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

Answer 1

FontAwesome的工作方式与普通字体相同。

例如：如果你尝试设置一个＆＃34; O＆＃34;，只有它的圆形部分是彩色的，并且＆＃34;孔＆＃34;仍然是背景颜色。

我不认为有一种方法可以通过FontAwesome实现您想要的效果，您需要使用图形。