如何使用字體圖標作為背景圖像？

Question

1）我知道我可以使用，偽選擇器（之前，之后）和“內容”使用字體圖標，但這不是可擴展的解決方案，因為我需要在不同情況下對填充，左，上等進行很多更改

2）使用數據URI可以使svg正常運行，但是我需要根據不同的操作來更改svg的填充/顏色。 我嘗試了fill屬性，但它實際上沒有用。

我可以更改/編輯外部顏色，但是我有很多變化，並且再次無法縮放

---

圖標字體（例如FontAwesome）隨瀏覽器的SVG文件一起提供。 可以以某種方式在CSS中使用該文件（例如圖像精靈）嗎？

Answer 1

如果要修改SVG的屬性，則必須內聯放置。 因此，使用SVG作為背景並修改屬性將不起作用。

像FontAwesome這樣的庫為您提供font ，而不是svg ，您也不能將其設置為背景。

我看不到使用psuedo-selectors ：before和：after的問題。 我認為它們具有很好的可擴展性。

如果您真的想以其他方式進行操作，則應與我們共享一些代碼，以便我們更好地了解您要執行的操作。