在 Wordpress 中手动加载 Font Awesome答案

【问题标题】：Load Font Awesome manually in Wordpress在 Wordpress 中手动加载 Font Awesome
【发布时间】：2016-11-01 20:37:15
【问题描述】：

我对 Wordpress 还很陌生。我正在尝试将 Font Awesome 添加到我的 wp_enqueue 样式表的“列表”中。当我使用 CDN 链接添加它时，它可以完美运行。但是，当我手动添加样式表时，它会在图标应该位于的区域周围显示框（好像什么都没有或尚未添加）。

这是我当前不工作的代码

wp_enqueue_style('font-awesome', get_template_directory_uri() . '/css/font-awesome.min.css');

下面是有效的代码。

	wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

如何链接或调用我的 CSS 文件夹中的 Font Awesome 样式表？我已经添加了操作，我唯一的问题是让 FA 样式表手动工作。

【问题讨论】：

首先，我建议你使用CDN； FA 用于如此多的网站，用户可能已经将其缓存，从而为您的用户提供更快的网站加载。您是否按照此处的步骤进行操作？ fontawesome.io/get-started
get_template_directory_uri() 的输出是什么
你设法让它工作了吗？如果没有，您是从头开始构建自己的主题还是构建子主题？

【解决方案1】：

我想你忘了添加字体目录。其中包含 font-awesome.min.css 文件使用的字体文件。

【讨论】：

【解决方案2】：

我假设您正在开发子主题。在将字体排入队列时，您正在调用“父主题”目录。尝试使用 wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/css/font-awesome.min.css');

还可以通过在浏览器中检查 CSS 的路径，即http://www.example.com/wp-content/themes/mytheme/css/font-awesome.min.css

【讨论】：

【解决方案3】：

我是这样做的：

在header.php 文件中（或您保存标头代码的任何位置）复制并粘贴此代码：

<link rel="stylesheet" src="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

这比摆弄 PHP 好多了。另一种方法是为 WordPress 安装一个 Font Awesome 插件，它确实有效。只需转到插件区域并搜索“字体真棒”。点击 Easy FontAwesome 插件，安装，激活，大功告成！

【讨论】：

对不起，Calum，但我必须不同意你的建议。是的，这是一个可能的答案。是的，这似乎更容易，更直接。但是您没有考虑其他脚本（即插件等），它们可能正在尝试加载相同的资源，并且如果按照您的方式完成，他们无法知道 FontAwesome 已经加载。这就是为什么 WP 有一个脚本和样式队列，您甚至可以在其中设置依赖项——即。在加载之前不要加载它。我把它记下来了，因为就 Wordpress 而言，你的回答是不好的做法。