Question

我下载了一些空白的wordpress主题文件，并开始用自己的php，html和css填充它们。我使用以下代码来获取google webfont：

    function load_fonts() {
            wp_register_style('googleFonts', 'http://fonts.googleapis.com/css?family=Tauri');
            wp_enqueue_style( 'googleFonts');
        }

 add_action('wp_print_styles', 'load_fonts');

但我想添加另一个webfont。我尝试了两件事：

1：使用'，'

在wp_register_style中添加它

function load_fonts() {
            wp_register_style('googleFonts', 'http://fonts.googleapis.com/css?family=Tauri','http://fonts.googleapis.com/css?family=Muli');
            wp_enqueue_style( 'googleFonts');
        }

 add_action('wp_print_styles', 'load_fonts');

2：重复：

    function load_fonts2() {
            wp_register_style('googleFonts2', 'http://fonts.googleapis.com/css?family=Muli');
            wp_enqueue_style( 'googleFonts2');
        }

 add_action('wp_print_styles', 'load_fonts2');

不幸的是，两种方式都不起作用。任何人都可以告诉我为什么上述方法不起作用，以及如何添加多个webfonts。提前谢谢！

Credits

Answer 1

wp_register_style('googleFonts', 'http://fonts.googleapis.com/css?family=Tauri|Muli');

从webfonts API请求多个系列时，请使用|管道分隔符。

Documentation - Cntrl + F multiple

如何在wordpress中排队多个web字体？

1 个答案: