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

Question

1）我知道我可以使用，伪选择器（之前，之后）和“内容”使用字体图标，但这不是可扩展的解决方案，因为我需要在不同情况下对填充，左，上等进行很多更改

2）使用数据URI可以使svg正常运行，但是我需要根据不同的操作来更改svg的填充/颜色。 我尝试了fill属性，但它实际上没有用。

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

---

图标字体（例如FontAwesome）随浏览器的SVG文件一起提供。 可以以某种方式在CSS中使用该文件（例如图像精灵）吗？

Answer 1

如果要修改SVG的属性，则必须内联放置。 因此，使用SVG作为背景并修改属性将不起作用。

像FontAwesome这样的库为您提供font ，而不是svg ，您也不能将其设置为背景。

我看不到使用psuedo-selectors ：before和：after的问题。 我认为它们具有很好的可扩展性。

如果您真的想以其他方式进行操作，则应与我们共享一些代码，以便我们更好地了解您要执行的操作。