favicon 相关问题

与特定网站关联的图标。它通常显示在地址栏中的Web浏览器中（通常留在URL中），标签栏或书签中。

网站图标不工作欢迎来到Cr...</desc> <question vote="23"> <p>我尝试插入网页的图标无法正常工作。有人可以告诉我插入它所需的代码和样式吗？</p> <pre><code><html> <head> <title>Welcome to Crash - Login or Signup</title> <link rel="stylesheet" type="text/css" href="crash_styling.css"></link> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> </head> <body link="#336666" alink="red" vlink="red"> <div id="header_title"> <h1 id="title">crash</h1> <p id="motto">Keep track of all your assignments and projects.</p> </div> <form name="input" action="html_form_action.asp" method="get" id="user_passEntry"> Username:<input type="text" name="username" placeholder="Your Username" /> <br /> Password:<input type="password" name="password" placeholder="Your Password" /> <input type="submit" value="submit"> </form> <p id="description">Crash is a way students can keep track of their projects and assignments on the computer or on their devices. With crash, you can be sure you'll never turn in something late again.</p> <div class="make"><a href="crash_styling" style="text-decoration:none"/>Make a New Assignment</div> <div class="edit"><a href="crash_styling" style="text-decoration:none"/>Edit an Assignment</div> <div class="check"><a href="crash_styling" style="text-decoration:none"/>Check off an Assignment</div> </body> </html> </code></pre> </question> <answer tick="true" vote="36"> <p>要在您的网站上放置网站图标，您可以在 <pre><code><head></code></pre> 标签中使用以下内容 </p> <pre><code><link rel="shortcut icon" href="http://yourwebsitepath/favicon.ico" /> </code></pre> <p>您需要确保图标的路径正确。如果路径不正确，则不会出现。我还看到了缓存问题，导致图标看起来不起作用。清除缓存后，请务必尝试重新启动浏览器。 </p> </answer> <answer tick="false" vote="16"> <p>有时<a href="https://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache" rel="nofollow noreferrer">强制重新加载</a>（此链接中的其他维基百科信息）可以解决问题。您需要重新加载浏览器的缓存内存。</p> <ul> <li>Firefox：ctrl + Shift + R</li> <li>Chrome：按住 ctrl 键并右键单击 Chrome 的重新加载按钮</li> <li>Edge：与 Chrome 相同，或 ctrl + F5</li> </ul> <p>其他组合可以在上面提供的链接中找到。</p> </answer> <answer tick="false" vote="5"> <p>很可能您的<em>图标</em>有一条“糟糕的路径”。确认您的<em>文件路径</em>。尝试使用<em> </em><code>href="favicon.ico" </code></p> <pre>而不是</pre> <p><code>href="/favicon.ico" </code></p> <pre>也许会起作用。或者，如果您在某些</pre>文件夹<p>中有图标，例如在<em>图像</em><em>中 </em><code>href="images/favicon.ico" </code></p> <pre>你做得对，但如果你有</pre>坏路径<p>，<em>图标</em>不会出现。<em> </em>所以你的 </p><code>CSS</code><p> 可以工作，如果你的 <pre>icon</pre> 与 <em><code>CSS</code></em> 文件处于 <em>同一级别</em>，那么删除 <pre><code>/</code></pre> 就可以了。<pre> </pre> </p> </answer>如果使用 Chrome：清除缓存，关闭 Chrome，然后重新启动。这对我有帮助。<answer tick="false" vote="3"> <p> </p> </answer> <answer tick="false" vote="1"><ol>制作PNG文件<li> <p> </p></li>将其设置为index.html页面中的图标，以便覆盖缓存：<li> <p> </p> </li>它有效。</ol> <p> </p> </answer>将 <answer tick="false" vote="0"><code>href="/images/favicon.ico"</code><p> 更改为 <pre><code>href="./images/favicon.ico"</code></pre> 解决了我的问题。<pre> </pre> </p></answer>

我尝试插入网页的图标无法正常工作。有人可以告诉我插入它所需的代码和样式吗？欢迎来到Cr...</desc> <question vote="23"> <p>我尝试插入网页的图标无法正常工作。有人可以告诉我插入它所需的代码和样式吗？</p> <pre><code><html> <head> <title>Welcome to Crash - Login or Signup</title> <link rel="stylesheet" type="text/css" href="crash_styling.css"></link> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> </head> <body link="#336666" alink="red" vlink="red"> <div id="header_title"> <h1 id="title">crash</h1> <p id="motto">Keep track of all your assignments and projects.</p> </div> <form name="input" action="html_form_action.asp" method="get" id="user_passEntry"> Username:<input type="text" name="username" placeholder="Your Username" /> <br /> Password:<input type="password" name="password" placeholder="Your Password" /> <input type="submit" value="submit"> </form> <p id="description">Crash is a way students can keep track of their projects and assignments on the computer or on their devices. With crash, you can be sure you'll never turn in something late again.</p> <div class="make"><a href="crash_styling" style="text-decoration:none"/>Make a New Assignment</div> <div class="edit"><a href="crash_styling" style="text-decoration:none"/>Edit an Assignment</div> <div class="check"><a href="crash_styling" style="text-decoration:none"/>Check off an Assignment</div> </body> </html> </code></pre> </question> <answer tick="true" vote="36"> <p>要在您的网站上放置网站图标，您可以在 <pre><code><head></code></pre> 标签中使用以下内容 </p> <pre><code><link rel="shortcut icon" href="http://yourwebsitepath/favicon.ico" /> </code></pre> <p>您需要确保图标的路径正确。如果路径不正确，则不会出现。我还看到了缓存问题，导致图标看起来不起作用。清除缓存后，请务必尝试重新启动浏览器。 </p> </answer> <answer tick="false" vote="16"> <p>有时<a href="https://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache" rel="nofollow noreferrer">强制重新加载</a>（此链接中的其他维基百科信息）可以解决问题。您需要重新加载浏览器的缓存内存。</p> <ul> <li>Firefox：ctrl + Shift + R</li> <li>Chrome：按住 ctrl 键并右键单击 Chrome 的重新加载按钮</li> <li>Edge：与 Chrome 相同，或 ctrl + F5</li> </ul> <p>其他组合可以在上面提供的链接中找到。</p> </answer> <answer tick="false" vote="5"> <p>很可能您的<em>图标</em>有一条“糟糕的路径”。确认您的<em>文件路径</em>。尝试使用<em> </em><code>href="favicon.ico" </code></p> <pre>而不是</pre> <p><code>href="/favicon.ico" </code></p> <pre>也许会起作用。或者，如果您在某些</pre>文件夹<p>中有图标，例如在<em>图像</em><em>中 </em><code>href="images/favicon.ico" </code></p> <pre>你做得对，但如果你有</pre>坏路径<p>，<em>图标</em>不会出现。<em> </em>所以你的 </p><code>CSS</code><p> 可以工作，如果你的 <pre>icon</pre> 与 <em><code>CSS</code></em> 文件处于 <em>同一级别</em>，那么删除 <pre><code>/</code></pre> 就可以了。<pre> </pre> </p> </answer>如果使用 Chrome：清除缓存，关闭 Chrome，然后重新启动。这对我有帮助。<answer tick="false" vote="3"> <p> </p> </answer> <answer tick="false" vote="1"><ol>制作PNG文件<li> <p> </p></li>将其设置为index.html页面中的图标，以便覆盖缓存：<li> <p> </p> </li>它有效。</ol> <p> </p> </answer>将 <answer tick="false" vote="0"><code>href="/images/favicon.ico"</code><p> 更改为 <pre><code>href="./images/favicon.ico"</code></pre> 解决了我的问题。<pre> </pre> </p></answer>

html favicon

回答 0 投票 0

如何更改浏览器选项卡中的页面图标颜色

Fontawesome 免费图标用作页面图标，例如 Fontawesome 免费图标用作页面图标，例如 <html><head> <link rel='icon' href='https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/pen-to-square.svg'> </head></html> 出现黑色图标的是 Chrome 选项卡：如何更改此图标颜色？还使用了Bootstrap 5。可以使用 bootstrap text-danger 类更改内部 html 页面颜色，例如 <i class="fa-regular fa-pen-to-square text-danger"></i> 或使用风格： .fa-pen-to-square { color: red; } 如何更改页面图标颜色？这是使用 FontAwesome 免费 SVG 图标、Bootstrap 5、jquery 和 jquery ui 的 ASP.NET 9 MVC 应用程序。更新看起来像颜色属性 fill = "#AB7C94" 应按照如何更改“svg”元素的颜色？中所述注入到 SVG 中并且内联数据 uri 应用于页面图标。颜色被指定为 html 颜色名称。如何在 svg 中使用 html 颜色名称或将它们转换为 svg 中所需的颜色十六进制值？或者 svg 过滤器可以应用于 FontAwesome 图标吗？不确定 FontAwesome 免费图标许可证是否允许图标修改。不幸的是，无法使用 HTML 中应用的 CSS 类或样式动态更改 favicon 颜色，因为浏览器将 favicon 呈现为独立于 DOM 的独立图像资源。要更改用作网站图标的 FontAwesome 图标的颜色，您需要修改 SVG 文件本身。大多数 CDN（包括 FontAwesome）以默认黑色或无颜色提供 SVG。他们不提供动态颜色定制。但是，您可以：搜索允许动态自定义 SVG 颜色的服务（尽管这些服务很少见且通常不是免费的）。 SVGOMG 或类似的 SVG 编辑器等工具可让您上传和编辑 SVG 文件。

css asp.net-mvc svg font-awesome favicon

回答 1 投票 0

Nginx - 为共享相同声明的每个子域提供不同的图标

我有 2 个网站：abc.domain.com 和 def.domain.com 作为子域，它们共享相同的证书和相同的根文件夹。本质上，他们访问同一网站，但面向不同的客户。服务器...

nginx alias favicon server-name

回答 1 投票 0

公共目录中的资产在 Next.js 应用程序中出现 404 错误

我一直在尝试让我的网站的图标（使用 Next.js）显示出来。在浏览了无数 Stack Overflow 帖子和教程后，我开始感到沮丧。我的项目结构...

javascript reactjs next.js favicon head

回答 2 投票 0

如何将多个（不同的）图像组合成一个图标？

有很多服务可以拍摄图像并通过将其缩小到适当的分辨率来创建各种尺寸的网络图标。不过，我特意设计了两个favicons...