铬似乎显示ico而不是svg favicon

问题描述

我一直在通过在svg网站图标中使用媒体查询来改善对暗模式的支持。这在我的website上可见。

<link href="favicon.svg" rel="icon" type="image/svg+xml">
<link href="favicon.ico" rel="alternate icon" type="image/x-icon">

This seems to work great in Firefox.

在Firefox的黑暗和明亮模式之间进行比较

但是,当使用基于Chromium的浏览器(Google Chrome版本84)时,它将使用favicon.ico。 当我完全删除ico时,浏览器会显示svg favicon,因此我知道它可以工作并且浏览器支持svg favicon。但是,如果可以的话,浏览器似乎会选择.ico。

Do Chromium browsers prefer .ico favicons?

我可以强迫基于Chromium的浏览器选择svg网站图标,同时通过包含ico格式保持对旧版浏览器的支持吗?应该注意的是,这些都没有存储在我网站的根目录中。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)