FontAwesome (woff2) 无法在使用 WAMP 的本地计算机上工作的原因？答案

【问题标题】：Reasons FontAwesome (woff2) wouldn't work on a local machine using WAMP?FontAwesome (woff2) 无法在使用 WAMP 的本地计算机上工作的原因？
【发布时间】：2017-06-18 18:21:38
【问题描述】：

我看到了除了图标类之外没有“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>

【问题讨论】：

标签： html css fonts font-awesome webfonts

【解决方案1】：

你在 WAMP 中使用 https 吗？如果没有，那么您将收到安全警告，因为您在字体 awesome href 中使用 https。尝试将其更改为以下内容，使其独立于协议，看看是否可行。

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

【讨论】：

啊！如此简单，就是这样。谢谢。