我有一个使用Bootstrap 3构建的网站。我创建了所有格式的favicons和apple-touch-icons:
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_16.png" sizes="16x16">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_32.png" sizes="32x32">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_57.png" sizes="57x57">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_72.png" sizes="72x72">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_96.png" sizes="96x96">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_120.png" sizes="120x120">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_128.png" sizes="128x128">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_144.png" sizes="144x144">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_152.png" sizes="152x152">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_195.png" sizes="195x195">
<link rel="icon" type="image/png" href="assets/images/favicon/favicon_228.png" sizes="228x228">
<link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicon/favicon_57.png" />
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/favicon_114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/favicon_72.png" />
<link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicon/favicon_144.png" />
然而,当我在Safari中查看我的网站的书签时,我会看到Bootstrap图标。我不知道这些图标来自何处和/或如何覆盖它们。
有什么想法吗?