无法将字体样式添加到WordPress主题的functions.php文件中

Question

所以我正在为WordPress制作一个自定义主题，我试图将网站的样式加载到网站中，CSS样式成功加载到网站中，但字体样式却不起作用，原因不明。

这是functions.php文件：

<?php
   function wp_enqueue_styles(){
    wp_enqueue_style('font_style',"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&family=Cormorant:wght@400;500;600;700&family=Outfit:wght@400;500;700&family=Pacifico&family=Roboto+Condensed:ital,wght@0,300;0,400;1,300&display=swap", array(),"1.0", "all");
    wp_enqueue_style('main_css',get_template_directory_uri() . "/style.css", array('font_style'),"1.0", "all");
}
add_action('wp_enqueue_scripts','wp_enqueue_styles');
?>

就像我说的，style.css是有效的，只是字体不起作用。

我尝试将font_style作为依赖项，以便在main.css之前加载它，但这并没有解决问题。

Answer 1

这是因为Google Fonts URL的结构。有多个family查询参数，这意味着最后出现的会覆盖其他的。这是一个已知的问题，（我上次知道的时候）WordPress认为这是Google Fonts的问题，而不是它自己的URL处理问题。

我的解决方案是为每个需要的字体注册一个单独的样式表，然后根据需要加载每一个。

在这里查看答案： https://stackoverflow.com/a/60954323/5490855