如果我们在style.css中直接使用,如何将Google字体排入队列

时间:2016-09-07 作者:Yashveer Arya

我的主题有“选择不同的谷歌字体选项”,所以我们需要加载几个。woff2文件。所以我在CSS文件(Pitter&Lora)的顶部添加了2种woff2文件。但我不知道如何改变功能。php

这是我的职责。php字体代码:-

/**
 * Enqueue scripts and styles
 *
 * @since Cazuela 1.0
 */
function thsp_theme_scripts() {
    /*
     * Enqueue Google Fonts
     *
     * Check if fonts set in theme options require loading
     * of Google scripts
     */
    $theme_options = thsp_cbp_get_options_values();
    $theme_options_fields = thsp_cbp_get_fields();
    $body_font_value = $theme_options[\'body_font\'];
    $heading_font_value = $theme_options[\'heading_font\'];
    $body_font_options = $theme_options_fields[\'thsp_typography_section\'][\'fields\'][\'body_font\'][\'control_args\'][\'choices\'];
    $heading_font_options = $theme_options_fields[\'thsp_typography_section\'][\'fields\'][\'heading_font\'][\'control_args\'][\'choices\'];

    // Check if it\'s a Google Font
    if( isset( $body_font_options[$body_font_value][\'google_font\'] ) ) {
        wp_enqueue_style(
            \'font_\' . $body_font_value,
            \'http://fonts.googleapis.com/css?family=\' . $body_font_options[$body_font_value][\'google_font\']
        );
    }   
    // Check if it\'s a Google Font
    if( isset( $heading_font_options[$heading_font_value][\'google_font\'] ) ) {
        wp_enqueue_style(
            \'font_\' . $heading_font_value,
            \'http://fonts.googleapis.com/css?family=\' . $heading_font_options[$heading_font_value][\'google_font\']
        );
    }
    wp_enqueue_style( \'style\', get_stylesheet_uri() );

1 个回复
SO网友:Syed Fakhar Abbas

我已经在我的主题函数文件中注册了谷歌字体,然后在样式中使用了它。css。


function register_google_fonts() {

  wp_register_style( \'googleFonts\', \'http://fonts.googleapis.com/css?family=Open+Sans:400,300\');
  wp_enqueue_style( \'googleFonts\');

}
add_action( \'wp_enqueue_scripts\', \'register_google_fonts\' );

风格css


.cssClass {

    font-family: \'Open Sans\', sans-serif;

}

 
首先,theme将尝试加载Google字体Open Sans 如果不是,则使用下一种字体sans-serif