如何使用字体图标作为背景图像？

Question

1）我知道我可以使用伪选择器（之前，之后）和“内容”使用字体图标，但它不是可扩展的解决方案，因为我需要对padding，left，top等进行许多更改不同的情况

2）使用数据URI svg没问题，但我需要更改svg的填充/颜色 基于不同的行为。我尝试了填充属性，但它并没有真正起作用。

我可以更改/编辑外部颜色，但我有很多变化而且再次无法缩放

图标字体（例如：FontAwesome）附带浏览器的SVG文件。有可能以某种方式在css中使用该文件（如图像精灵）？

Answer 1

如果要修改SVG的属性，则必须将其置于内联中。因此，使用SVG作为背景和修改属性将无法正常工作。

像FontAwesome这样的图书馆会为您提供font，而不是svg，您也可以将其设置为背景。

我没有看到使用 psuedo-selectors 的问题：之前和之后的问题。在我看来，它们非常具有可扩展性。

如果你真的想以不同的方式做到这一点，你应该与我们分享你的一些代码，这样我们就可以更好地了解你想要做的事情。