尽管供应商 CSS 已正确加载，但 Fontawesome 图标未显示

Question

On my page，Fontawesome 图标（例如页面最右上角的两个）不再起作用，尽管供应商 CSS 确实已加载。这是从我的 CSS 文件中加载它的方式：

@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

知道为什么它不起作用吗？

Answer 1

在 http://pizzaontime.fr/new/wp-content/themes/pot/dist/styles/main.css 中，您在本地包含了 FontAwesome 的字体文件。 link 相对的 link 以 ../fonts/ 开头，所以它应该在这里：http://pizzaontime.fr/new/wp-content/themes/pot/dist/fonts/，但是没有 FontAwesome 字体文件。

是的，您包含 *.css 文件，但您必须将字体文件放在 FontAwesome CDN 组织它们的相同结构中。

编辑更多关于如何修复它的细节：

第一种方法（最快最简单的方法）：将css 文件包含在您的HTML (<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">) 中。然后删除 CSS 文件中的包含。

第二种方法：将缺失的字体文件放在http://pizzaontime.fr/new/wp-content/themes/pot/dist/fonts/中。你可以找到它们 here.

尽管供应商 CSS 已正确加载，但 Fontawesome 图标未显示

Fontawesome icons not showing up despite vendor CSS being correctly loaded

font-awesome