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

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属性.