go and visit that nice google fonts helper site: Link
Look for the font you like to implement in your wordpress. Don’t forget to mark all the font-weights you like to have.
Copy/Paste the css codes into a file – name it as : font.css
so f.e. open-sans.css, oxygen.css etc. pp.
Download the zip file and open it.
Now prepare your child theme folder: Create a folder called : assets
in this folder put a css and a fonts folder
put the css in the css-folder put the fonts into the fonts-folder
now go to your child-theme functions.php
for each font you like to have create a new line
even for those Enfold got allready in the list like open-sans – because we want to load it local.
function local_google_fonts() {
wp_enqueue_style( 'Oxygen', get_stylesheet_directory_uri().'/assets/css/oxygen.css' );
wp_enqueue_style( 'Open Sans', get_stylesheet_directory_uri().'/assets/css/open-sans.css' );
}
add_action( 'wp_enqueue_scripts', 'local_google_fonts' );so on GDPR ( DSGVO in german spoken countries ) reasons it might be nice to only load google fonts localy.
Then you need to disable the Google Fonts support of the theme.
To get rid of Google Font support by WordPress use f.e. this little Plugin :
remove-google-fonts-references
add_action( 'init', 'enfold_customization_switch_fonts' );
function enfold_customization_switch_fonts() {
global $avia;
$avia->style->print_extra_output = false;
}You can allready use now on css your new fonts.
To have the choice to choose them from enfold options (fonts or advanced styles etc) you must do this:
Results:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Oxygen'] = 'Oxygen:300,400,700';
return $fonts;
}
add_filter( 'avf_available_google_fonts', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Oxygen'] = 'Oxygen:300,400,700';
return $fonts;
}Borlabs Cookie Plugin
this is a real nice plugin as you can see here on my testpage.
