How to Enqueue Google Fonts on WordPress Theme

Register custom fonts

/**
 * Register custom fonts.
 */
function themeslug_fonts_url() {
	$fonts_url = '';
	$fonts     = array();
	$subsets   = 'latin,latin-ext';

	/*
	 * Translators: If there are characters in your language that are not supported
	 * by Oswald, translate this to 'off'. Do not translate into your own language.
	 */
	if ( 'off' !== _x( 'on', 'Oswald font: on or off', 'themeslug' ) ) {
		$fonts[] = 'Oswald:400,700';
	}

	/*
	 * Translators: If there are characters in your language that are not supported
	 * by Montserrat, translate this to 'off'. Do not translate into your own language.
	 */
	if ( 'off' !== _x( 'on', 'Montserrat font: on or off', 'themeslug' ) ) {
		$fonts[] = 'Montserrat:400,700';
	}


	if ( $fonts ) {
		$fonts_url = add_query_arg( array(
			'family' => urlencode( implode( '|', $fonts ) ),
			'subset' => urlencode( $subsets ),
		), 'https://fonts.googleapis.com/css' );
	}


	return esc_url_raw( $fonts_url );
}

Enqueue scripts and styles

/**
 * Enqueue scripts and styles.
 */
function themeslug_scripts() {
	// Add custom fonts, used in the main stylesheet.
	wp_enqueue_style( 'themeslug-fonts', themeslug_fonts_url(), array(), null );

}
add_action( 'wp_enqueue_scripts', 'themeslug_scripts' );

 


One Comments

Leave a Reply