为什么当我使用来自 CDN 的链接时我的图标不显示答案

【问题标题】：why does my icons not show up when I use a link from CDN为什么当我使用来自 CDN 的链接时我的图标不显示
【发布时间】：2022-11-12 18:29:59
【问题描述】：

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/fontawesome.min.css">

 <i class="fa fa-times"></i>

 <i class="fa fa-bars"></i>

我已复制此 cdn 链接并粘贴到我的 html 中，但图标仍显示为黑色空框。是的，我已经将它们归类为 fa 以及有人可以帮忙。

我希望它显示一个 X 和一个菜单按钮，但有些东西没有让它显示在我的屏幕上。

【问题讨论】：

使用browser console (dev tools)（点击F12），读取任何错误。开发工具提供了一个督察 / 元素标签。检查你的元素。应用的 CSS 规则揭示了什么？开发工具提供了一个网络标签。是资源成立（例如 HTTP 200 响应）？如果不是，哪个实际网址被要求？相应地修改 URL。

【解决方案1】：

看来你的链接不好使。

如果您按照 sebastian simon 的建议检查资源，响应是 HTTP 200，所以加载是可以的。

但是，是的，您有矩形框。

尝试

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">

我已经测试了你的：黑匣子。

使用此 CDN：一切正常

【讨论】：