我正在尝试使用 Font Awesome，但它没有显示任何图标，而是显示任何亚洲标志。为此，我通过网络服务器将字体 awsome 下载到了。我在 3 种不同的浏览器（firefox、opera 和 chromium）中试过这个，但它总是一样的。
可以在这里看到一个测试页：http://2weitweitweg.de/test.html
这是它的截图：http://postimg.org/image/9yh5p0p97/
它是否在您的浏览器中显示标志？问题与浏览器或服务器有关吗？我该如何解决？
再见
【问题讨论】：
标签： firefox icons opera chromium font-awesome
我遇到了这个问题，这是因为我使用的是旧 html 和新的 fontawesome 版本。
我通过更改修复了它：
<i class="fa-bitbucket"></i>
收件人：
<i class="fa fa-bitbucket"></i>
即我只需要将默认的fa 类添加到元素中。
最新版本使用fa 前缀，但对你来说，我猜它可能是icon。
希望这可以在某个阶段帮助某人:-)
【讨论】：
很可能没有找到实际的字体文件。如果你查看字体很棒的 CSS 文件，你可能会看到如下内容：
@font-face {
font-family: 'FontAwesome';
src: url('../font/fontawesome-webfont.eot');
src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
[...etc]
这期望在与 CSS 文件位于同一级别的名为 font 的文件夹中找到字体文件。例如：
myproject / css
/ font-awesome.css
[...etc]
/ font
/ fontawesome-webfont.eot
[...etc]
如果文件在正确的位置，则可能是因为权限问题而没有加载它们，甚至可能是您使用的浏览器不正确支持@font-face。当然，您可以通过浏览font awesome examples page 看看它是否正确显示图标来排除后者。
【讨论】：
希望我不会太晚，您服务器上的某些内容配置不正确，解决方案是允许像使用 *.css 和 *.js 一样请求静态资源一样请求 *.woff 和 *.tff ，这取决于平台：
我做了什么让它发挥作用：
将您的样式表替换为（因为我们无法获取资源）：
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet">
并替换了旧的 icon-* 类，例如：
<i class="fa-umbrella fa text-error"></i>
现在它可以工作了：
【讨论】：
如果您使用 4.0 或更高版本，他们已将 icon 类更改为 fa 类
所以你的代码应该说
<i class="fa fa-camera-retro fa-large"></i>
而不是
<i class="icon icon-camera-retro icon-large"></i>
您可以通过访问http://fontawesome.io/icons/ 并单击/点击您需要的图标来查找图标、具体代码示例。
从 3.2 升级到 4.0.3 时我遇到了同样的问题
【讨论】：
运行以下命令
npx react-native 链接 react-native-vector-icons
【讨论】：
使用 fontawesone 5.15.1 我必须这样做才能显示 Linux 图标：
<i class="fab fa-linux icon"></i>
重要提示：使用“fab”而不是“fa”，因为 Linux 被视为“品牌”。
【讨论】：