Add custom font 'Average' to Enfold theme

if you can not find out the relative path to your fonts – use instead the absolute path to them. This is to keep out of harm’s way.

and a good place for that @font-face rules maybe the style.css of your child-theme

and a good place to upload could be wp-content/uploads/fonts/
i would give each font-family an own folder to keep overview (f.e. for your font : the folder average) – so it could be:

@font-face {
font-family: ‘averageregular’;
src: 	url(‘https://your.site.url/wp-content/uploads/fonts/average/average-regular-webfont.woff2’) format(‘woff2’),
	url(‘https://your.site.url/wp-content/uploads/fonts/average/average-regular-webfont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

if you have http you must modify the url

• This reply was modified 7 years, 5 months ago by Guenni007.

so if it is a google font this might be the best option – and i guess it would be nice to have the other web-font possibilities too: svg, eot, (for some cases ttf) on font squirrell there is a font generator – so if you got f.e. an otf as license you can make there all of these possiblities.

btw for functions.php of your child-theme:
because Average has no other font-weights the code is simple. Then you can use it in enfold options fonts the average font ( at the end of the list)

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Average'] = 'Average';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Average'] = 'Average';
return $fonts;
}