该网站的主页图标来自哪里？

Question

我想知道页面www.w3schools.com/cssref的主页图标来自哪里（下图中左上角红色圆圈标记的图标）？

我通过chrome浏览器检查了元素：

<a href="/default.asp" class="topnav-icons fa fa-home w3-left w3-bar-item w3-button" title="Home"></a>

但是，在css类中，我无法找到创建/显示图标的任何内容。我还观察到：如果页面是由chrome（或firefox）保存的，那么图标就会丢失：

这表示图标是动态关联的，我无法找到该地点。

问题：主页图标最终来自哪里？

Answer 1

当您使用Web Inspector时（W3Schools没有说好话，所以不要遵循它），您可以清楚地看到它是::before伪类：

它是font-awesome字体，你可以在这里找到所有字体图标：FontAwesome。

当您在Chrome中保存时，您将无法获得以下内容：

• 背景图片
• CSS引用的图片
• 嵌入式HTML对象
• 画

此外，font-awesome字体使用content属性。