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的字体文件。链接相对链接以../fonts/开头，因此它应位于此处：http://pizzaontime.fr/new/wp-content/themes/pot/dist/fonts/，但没有FontAwesome字体文件。

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

使用有关如何解决问题的详细信息进行修改：

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

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

尽管供应商CSS正确加载，但仍未出现Fontawesome图标

1 个答案: