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

use*_*513 1 html javascript css

我想知道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>
Run Code Online (Sandbox Code Playgroud)

但是,在css类中,我找不到任何创建/显示图标的东西.我还观察到:如果页面是由chrome(或firefox)保存的,那么图标就会丢失:

网页已保存

这表明图标是动态关联的,我无法找到这个地方.

问题:主页图标最终来自哪里?

Pra*_*man 7

当您使用Web Inspector时(W3Schools没有告知好东西,所以不要遵循它),您可以清楚地看到它是::before伪类:

fontawesome

它是font-awesome字体,你可以在这里找到所有的字体图标:FontAwesome.

在Chrome中保存时,您将无法获得以下信息:

  • 背景图片
  • CSS引用的图像
  • 嵌入的HTML对象
  • 影片

此外,font-awesome字体使用该content属性.

  • 哈哈,仅这一点就是一个赞成:'W3Schools不告诉好事,所以不要跟着它! (4认同)