無法將字體樣式新增至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