How to add extra Google font in your website?

Hongo theme provides two Google fonts settings. If you want to load more Google fonts settings, please add below custom PHP code in your child theme to have extra Google fonts that can loaded with one Google font request.

You can only select only two fonts i.e. main font & additional font from the theme settings. Using below code in your custom CSS, you can add new fonts in the child theme.

To add below custom PHP code, open functions.php file from your child theme directory and insert below code. In below example code two fonts are font name that you can change with desire font name or font name that you want to use. You can also add font weights like 100,200… etc. If you want to add more fonts then you just need to add additional row code as below;

$fonts[] = ‘Muli:100,200,300,400,500,600,700,800,900’;

if( ! function_exists( 'hongo_child_google_font' ) ) {
	function hongo_child_google_font( $fonts ) { 
	 
		$fonts[] = 'Sacramento:100,200,300,400,500,600,700,800,900'; 
		$fonts[] = 'Muli:100,200,300,400,500,600,700,800,900'; 
	 
		return $fonts; 
	}
}
add_filter( 'hongo_google_font', 'hongo_child_google_font' );
SCROLL UP