Php Wordpress-谷歌字体无法正常工作/导入

我是Wordpress的新手，我正在使用HTML5空白主题导入我的样式表。我注意到谷歌字体不适用于wordpress网站

我的header.php文件中有此链接-

<link href='https://fonts.googleapis.com/css?family=Merriweather+Sans:100,200,400,700,700i,800,800i' rel='stylesheet' type='text/css' />

---

“身体”规则在Wordpress中的应用方式是否与在前端情况下相同？或者我还需要添加/更改其他内容吗？

您是在告诉wp加载stlye.css文件吗

尝试对functions.php文件执行此操作：

function load_styles() {
  wp_enqueue_style('styles', 'path/to/style.css');
}

然后是（如果您的样式是针对站点的前端）：

或者（如果您的样式用于站点的管理面板）：

此外，您还通过以下操作添加了两次字体：

<link href='https://fonts.googleapis.com/css?family=Merriweather+Sans:100,200,400,700,700i,800,800i' rel='stylesheet' type='text/css' />

在您的style.css中

选择其中一个，或者您可以将其添加到functions.php文件中的“load_styles（）”函数中：

add_action('wp_enqueue_scripts', 'load_styles');

add_action('admin_enqueue_scripts', 'load_styles');

function load_styles() {
  wp_enqueue_style('styles', 'path/to/style.css');
  wp_enqueue_style('fonts', 'https://fonts.googleapis.com/css?family=Merriweather+Sans:100,200,400,700,700i,800,800i');
}

如果这不起作用，请提供更多信息，例如：

• 浏览器的开发人员控制台上是否有错误

• css规则是否显示在开发人员控制台中

• 正在加载字体吗

---

您的开发人员工具显示了什么？你的规则被加载了吗？如果是，它们是否被其他规则覆盖？@j08691是的，看起来它们被覆盖了，但不确定原因-我删除了所有样式，并用我自己的样式替换。在function.php中有什么东西可以做到这一点吗？如果有其他CSS规则比你的更具体，那么你的规则就会输给这些规则。如果特殊性相同，但其他规则最后加载，则您的规则将再次丢失。@j08691非常感谢。我如何找到/重新安排特殊性？我已经检查了开发人员工具，我认为主题中有一些规则似乎覆盖了我的规则。如果我将这段代码添加到function.php，这会修复它吗？另外，在函数文件中，我是否将此代码放在哪里？与其他样式函数一起？我再次检查，发现与我的style.css表相关的404服务器错误-这是因为我没有在函数文件中应用上面的代码吗？@Mike.Whitehead 404错误似乎是您键入的url中的错误，作为文件路径。我会在functions.php行中查找加载样式的位置（查找wp_enque_样式或wp_enque_脚本），然后我会将我想要克服的样式设置为最后要加载的样式。这是指向header.php文件-@Mike.Whitehead中样式表的链接，我认为是bloginfo的输出（'stylesheet_directory'）是'path/to/your/theme/css'（您可以使用浏览器的代码检查器进行检查），如果您的样式位于主题的根目录中，那么它将不起作用，如果是这种情况，请使用get_template_directory_uri（），您还需要将'/'添加到style.css之后的style.css中：类似于：href=“/style.css”

@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:100,200,400,700,700i,800,800i');

function load_styles() {
  wp_enqueue_style('styles', 'path/to/style.css');
  wp_enqueue_style('fonts', 'https://fonts.googleapis.com/css?family=Merriweather+Sans:100,200,400,700,700i,800,800i');
}