有没有办法用 CSS 而不是 HTML 来设置快捷方式图标？

Is there a way to set the shortcut icon with CSS, rather than with HTML?

我知道如何使用 HTML 声明快捷方式图标（选项卡上的图标）：

<link
     rel="shortcut icon"
     type="image/x-icon"
     href="images/favicon.ico"/>

我正在处理的项目有太多文件（30 多个），我无法将这段代码放在每个页面上。那么有没有办法让我在 .css 文件中做同样的事情？或者有没有办法让我将代码放在一个文件中并将其应用于所有文件？

不幸的是没有。您可以在每个页面上使用该代码片段，或者您可以将图像文件命名为 favicon 并将其放在服务器的根目录下。这将使图像显示在您域中的所有页面上。但是，W3C 不推荐第二种方法。

来源：W3C - How to Add a Favicon to your Site

将图标放在您网站的根目录下。该图标应该可以在 www.yoursite.com/yourfavicon.png

访问