很难找到关于如何创建具有两种颜色的图标(facebook - 白色和蓝色-，google- 白色和红色......)的任何明确信息。客户希望能够随心所欲地更改这两种颜色。我一直在四处寻找，只找到了 http://www.programask.com/question_41701651_multicolored-icon-fonts#对于客户的目的来说，这看起来很简单和清晰(当他们需要时改变颜色，但我不明白这个过程......)。
我目前使用 icomoon，但我找不到如何添加颜色....
所以我知道我需要一个图像编辑器，如果是 facebook 图标，我选择“f”并将其保存在 .svg 中，然后与背景相同但“没有 f”，然后保存它也是 svg，但是......我如何将它们放在一起以仅引用一个图标？
虽然我不需要用 icomoon 来做(但我需要免费软件)，但是有人可以解释一下如何通过 css 为图标着色吗？
谢谢
最佳答案
IcoMoon 本身生成用于堆叠字体字形的 CSS。它不使用 :before 和 :after(这是 2 种颜色的好解决方案)。相反，它使用更通用的方法来处理多个 span。它适用于您想要拥有多种颜色的情况。您需要做的就是将多色 SVG 导入 IcoMoon。它会处理剩下的事情。这是其输出的演示:https://codepen.io/Keyamoon/pen/vXxJgq
关于css - 创建多色图标。图标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33371715/