查找使用CSS“内容”属性的现有网站图标

Question

需要从现有的WordPress网站复制/使用各种图标（没有版权问题 - 这是我们公司拥有的网站）。以下是它使用的代码示例：

<ul class="et-social-icons">
    <li class="et-social-icon et-social-facebook">
        <a href="https://www.facebook.com/etc/" class="icon">
            <span>Facebook</span>
        </a>
    </li>
</ul>

使用Firebug检查a元素给了我：

.et-social-facebook a.icon::before {
    content: "";
}

我搜索了所有引用的CSS文件中的“.png”，“sprite”等，但仍然不能在我的生活中找到这个图标的显示方式。

我如何重现它？

Answer 1

类 et-social-icon et-social-facebook 必须与css中的图像相关联。 您尝试访问的课程 .et-social-facebook a.icon :: before 是此课程的专业化

Answer 2

content CSS属性的值是引用Elegant Icon Font符号的Unicode字符。在这种情况下，它是代表facebook图标的字符。。

字体是通过@font-face CSS规则包含的网络字体。