Tidak dapat menambah gaya fon pada fail functions.php tema WordPress

Question

Jadi saya sedang membuat tema tersuai untuk WordPress dan saya cuba memuatkan gaya untuk tapak ke dalam tapak, gaya CSS berjaya dimuatkan ke dalam tapak tetapi gaya fon tidak berfungsi atas sebab yang tidak diketahui.

Ini ialah fail 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');
?>

Seperti yang saya katakan, style.css adalah sah, cuma fonnya tidak berfungsi.

Saya cuba menjadikan font_style sebagai kebergantungan supaya ia dimuatkan sebelum main.css, tetapi itu tidak menyelesaikan masalah.

Answer 1

Ini kerana struktur URL Fon Google. Terdapat berbilang family parameter pertanyaan, yang bermaksud yang terakhir akan mengatasi yang lain. Ini adalah isu yang diketahui, dan (kali terakhir saya tahu mengenainya) WordPress menganggap ia adalah isu dengan Google Font, bukan isu pengendalian URLnya sendiri.

Penyelesaian saya ialah mendaftarkan lembaran gaya yang berasingan untuk setiap fon yang diperlukan dan kemudian memuatkan setiap satu seperti yang diperlukan.

Semak jawapan di sini: https://stackoverflow.com/a/60954323/5490855