Google Chrome 在本地主机上嵌入 fontawesome 元素时出现问题！执行时不显示。（带代码片段）

Question

我想包括 fontawesome 星形图标，但它们没有显示。

虽然我认为我已经正确输入了 fa 所以这是我的部分代码和截图：

我正在使用 VSCode、XAMPP 和 PHP 以及 Ajax 和 MySQL。

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>


                    <div class="mb-3">
                        <i class="fas fa-star star-light mr-1 main_star"></i>
                        <i class="fas fa-star star-light mr-1 main_star"></i>
                        <i class="fas fa-star star-light mr-1 main_star"></i>
                        <i class="fas fa-star star-light mr-1 main_star"></i>
                        <i class="fas fa-star star-light mr-1 main_star"></i>
                    </div>

你能帮我解决这个问题吗？您需要更多信息吗？

星星应该显示在红色区域。

谢谢，我可以回答您的问题！

更新：

因为我们发现这是一个 chrome 问题，而不是我的代码。

这是错误信息：

Answer 1

我们发现，问题不是我的代码。 CORS 在处理与本地主机一起使用的 fontawesome CSS 文件时遇到问题。

解法：

使用其他浏览器，它在 ms edge 中对我有效
下载 Font Awesome CSS 文件并将其放在您的本地主机上。在换句话说：自己托管，CORS 不会打扰你

特别感谢@KIKOSoftware

Google Chrome 在本地主机上嵌入 fontawesome 元素时出现问题！执行时不显示。（带代码片段）

Google Chrome issue when embedding fontawesome elements on localhost! Not displayed during execution. (with code snippet)

css

google-chrome

icons

font-awesome

Google Chrome 在本地主机上嵌入 fontawesome 元素时出现问题！执行时不显示。 （带代码片段）

Google Chrome issue when embedding fontawesome elements on localhost! Not displayed during execution. (with code snippet)

css

google-chrome

icons

font-awesome

Google Chrome 在本地主机上嵌入 fontawesome 元素时出现问题！执行时不显示。（带代码片段）