How to add extra Google font in your website?

By default POFO theme provide two Google fonts settings. Suppose you want to load more Google fonts in your website then you can please add below code in your child theme to have extra Google fonts loaded with one Google font request. In theme settings you can only select two fonts (main font and additional font) but you can use below added new fonts in your custom css or you can use in child theme css file.

Open functions.php file from your child theme directory and add below code. In below example code “Sacramento, Muli” are font name and you can change it with font name that you want to use and also add font weights like 100,200… etc. Suppose you want to add more fonts then you just need to add additional row code like $fonts[] = ‘Muli:100,200,300,400,500,600,700,800,900’;

<?php
if( ! function_exists( 'pofo_child_google_font' ) ) {
	function pofo_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( 'pofo_google_font', 'pofo_child_google_font' );
?>
Go Back