当我提供 FontAwesome http 链接时，图标可以正常工作，但在本地托管时，它无法正常工作答案

【问题标题】：When I providing FontAwesome http link then icons are working but when host it locally its not working当我提供 FontAwesome http 链接时，图标可以正常工作，但在本地托管时，它无法正常工作
【发布时间】：2021-04-26 17:43:20
【问题描述】：

当我提供 cnd 链接时：

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

然后它显示图标并正常工作。

这里是代码jsfiddle

当我在本地复制和托管相同的 css 文件时，它不起作用
这是示例jsfiddle 代码

为什么当我在本地托管时它不起作用？是否有任何限制或许可问题？

谢谢

【问题讨论】：

你能把你放在tomcat中的路径显示一下吗？如果你复制了文件，那么你应该在<link>标签中添加一个相对路径。
@ShashankGb 我添加了我的问题并提供了更多信息
试试这个<link href='assets/lib/fontawesome/all.min.css'>
@ShashankGb 当我点击 html 视图源然后它显示 all.min.css 但仍然不显示图标
如果上述路径不起作用，您可以提供index.html文件的路径或包含font awesome icon的html文件

标签： html css frontend font-awesome web-frontend

【解决方案1】：

我猜你使用的是 CDN 网络而不是 Font Awesome 的工具包代码。如果是这种情况，我建议您使用套件的套件代码。这将帮助您在您的网站上显示图标，无论是本地还是托管都无关紧要。

【讨论】：

您能否解释一下您的回复是什么意思，或者您可以参考任何可以解释您所说内容的 URL 或视频吗？
我只是要求你，从左侧导航到 Font Awesome 并转到 Your Kits 部分。然后复制您的套件代码（A Script），然后直接从 FA 使用它，而不是从任何 CDN 网络。观看youtube.com/watch?v=wiw68Y-hPlA 以供参考。
我照你说的做了，但显示的是空框。当我添加 cdn 链接时，它工作正常
请在我更新的问题中查看我提供的 jsfiddle 链接
我看不到套件代码或 FA 库的脚本。它看起来像：在 HTML 的头部包含你的脚本标签。登录您的 FA 帐户，从右侧导航转到套件部分，然后复制套件脚本（如果有）或创建一个。我希望这能解决您的问题。

【解决方案2】：

我找到的解决方法是将此 css 文件保存在本地并进行编辑。 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">

找到url 并将../ 替换为../../，因为我的网络字体文件夹位置是assets/webfonts 而不是root

【讨论】：

这就是为什么我问你indexhtml 文件路径但你没有提供。没关系，您找到了解决方案。