Wordpress - Google 字体无法正常工作/无法正确导入

Question

我对 Wordpress 很陌生，我正在使用 html5blank 主题导入我的样式表。我注意到 google 字体不适用于 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' />

在我的 style.css 文件中，我有这个 -

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

body {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
}

“正文”规则在 Wordpress 中的应用方式与在前端情况下的应用方式相同吗？或者还有什么我需要添加/更改的吗？

Answer 1

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

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

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

后跟（如果您的样式用于网站的前端）：

add_action('wp_enqueue_scripts', 'load_styles');

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

add_action('admin_enqueue_scripts', 'load_styles');

此外，您通过以下方式添加了两次字体：

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

在你的标题中：

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

在你的 style.css 中

选择其中之一，或者您可以将其添加到您的functions.php文件中的“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 规则？

• 是否正在加载字体？