我见过除了图标类之外没有“fa”类的问题，我见过直到他们检查控制台才发现的 404，我见过 IIS 问题，等等，但是没有一个是我的问题。有什么可以专门阻止 WAMP 允许 FA 渲染吗？我可以看到字体文件是通过开发控制台加载的，我可以看到 CSS 已应用于 fa 元素并且没有任何覆盖。如果我将鼠标悬停在该元素上，我看到的是一个正方形，就像突出显示的元素一样，但那里什么也没有。我更改了颜色以确保它不是白底白字，但没有显示任何内容。如果我将 :before 内容更改为“Hello”，我会看到它以一种奇怪的字体书写。这就是我能想到的所有内容，如有任何帮助，我们将不胜感激。 在我的标题中:
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
还有我的图标:
<i class="fa fa-envelope-open-o" aria-hidden="true"></i>
最佳答案
您在 WAMP 中使用 https 吗？如果不是，那么您将收到安全警告，因为您在 awesome href 字体中使用 https。尝试将其更改为以下内容，使其独立于协议(protocol)，看看是否可行。
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
关于html - FontAwesome (woff2) 无法在使用 WAMP 的本地计算机上运行的原因？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41989351/