如何在wordpress上使用内联css添加自定义图标？

Question

我想添加一个玻璃门图标。你可以在braunweiss.net找到我的网站。我的主题使用fontawesome，它目前不支持glassdoor图标。所以我尝试使用以下代码来代替添加图像：

。社会菜单里一个[HREF * = “glassdoor.com”] ::之前{含量：网址（http://braunweiss.net/wp-content/uploads/2017/07/glassdoor-2-1.png）;}

然而，它看起来很糟糕，它不是可定制的，当它像一个字体一样徘徊时它不会改变。我已经阅读过在内联css中使用svg，但无法弄清楚如何去做。以下是我使用的玻璃门图标的位置：https://materialdesignicons.com/（向下滚动，图标按字母顺序排列）。

有没有更好的方式让图标显示出来？我只能自定义CSS或将代码添加到WordPress主题的PHP文件中。谢谢。

Answer 1

您是否尝试过使用SVG？ https://github.com/FortAwesome/Font-Awesome/issues/6422（SVG链接在这里）

https://css-tricks.com/using-svg/ Icon SVG how-to。