Add custom font

Upload font files to your website, for example, into …/wp-content/uploads/fonts/

then add @font-face in Theme Option > General > Custom CSS or child theme style-sheet this way:

@font-face {
font-family: 'Gruppo';
src: url('/wp-content/uploads/fonts/Gruppo_reg.eot');
src: url('/wp-content/uploads/fonts/fonts/Gruppo_reg.eot') format('embedded-opentype'),
url('/wp-content/uploads/fonts/fonts/Gruppo_reg.woff') format('woff'),
url('/wp-content/uploads/fonts/fonts/Gruppo_reg.ttf’) format('truetype'),
url('/wp-content/uploads/fonts/fonts/gruppo_reg.svg#Gruppo') format('svg');
}

Now you can either apply font using custom CSS like this:

body, p, h1, h2 {
font-family: 'Gruppo' !important;
}

Add a font to theme font list

Please add the following code into the end of your functions.php file:

function add_custom_font( $fonts ) {

$fonts['Gruppo'] = 'Gruppo';
return $fonts;
}
add_filter( 'presscore_options_get_safe_fonts', 'add_custom_font' ,30 , 1 );

Now This font is available in Theme Options > Typography > font list.

10