问题描述
我尝试在我的网站上实现收藏夹图标，但无法正常工作。
我认为问题在于在我的代码中，我使用了两次，一次用于 href=style，另一次用于 favicon，但我不知道如何解决。
这是我目前的代码：
<head>
<title>title</title>
<link href="faviconfinal.jpg" rel="icon">
<link href="style.css" type="text/css" rel="stylesheet">
</head>
解决方法
将 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Ionic App</title>
<base href="/" />
<meta name="color-scheme" content="light dark" />
<meta name="viewport"
content="viewport-fit=cover,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<link rel="icon" type="image/png" href="assets/icon/favicon.png" />
<script type="text/javascript" src="assets/js/cdlutils.js"></script>
<script type="text/javascript" src="assets/js/cdl-utils-ui.js"></script>
<!-- add to homescreen for ios -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
</head>
<body>
<app-root></app-root>
</body>
</html>
文件的后缀更改为 .jpg，将其重命名为 .ico 并如下链接：
favicon.ico对于 link type="shortcut icon"，我建议您使用 png 文件。我通常对 link 快捷图标所做的是准备一个 256x256 或 512x512 透明 png 图标，然后将其保存在 images/icon.png 之类的位置。
您应该验证文件是否正确位于您的页面中。最简单的方法是打开浏览器的控制台并查找 404 错误。查看它是否正常工作的最简单方法是浏览器的标签页显示您的图标。
除此之外，您必须在根文件夹（索引文件所在的位置）中有一个 favicon.ico 文件。图标必须是 .ico 文件。对于 Windows，您可以使用 IcoFX。对于混合使用或专注于 Mac，您可以使用 IconWorkshop 或 IconFactory。
您不需要指定 favicon.ico 图标，它是默认图标。您可以查看有关此 here
的更多信息