Disabling Google Fonts and loading them from own server instead

first- have a look here.
i put the infos and a short plugin together: https://kriesi.at/support/topic/disable-google-font-loading-via-google/
You can downlaod a whole zip file with all fonts included in Enfold https://webers-testseite.de/local-google-fonts.zip – or you visit https://google-webfonts-helper.herokuapp.com/fonts to get your font you like

you don’t need that plugin – but it makes things easier to handle

@Guenni007: thanks a lot!!!

so you see that on my folder structure of that plugin will be in that way the css is generated on that helper-page from groogle.
the css code comes to the css folder as f.e. chelsea.css the fonts itself comes to the fonts-folder.
so than the relative path is as yours: ../fonts/

so if you don’t like to use that little plugin i would preserve the structure of the page above
1) make (as you did it) a fonts folder on child-themes folder
2) and make a folder css.
3) name that whole @import-rule like your fonts name f.e. chelsea.css
4) include the css via your functions.php of your child theme by:

function local_google_fonts() {
  wp_enqueue_style( 'chelsea-fonts', get_stylesheet_directory_uri().'/css/chelsea.css' );
}
add_action( 'wp_enqueue_scripts', 'local_google_fonts' );
?>

5) Every added Font like this you can do it by semicolon separated line wp_enqueue_style
6) Now everything should work
7) you can add those fonts via that shortcode as body and content font – but they were loaded from local place now because of:

add_action( 'init', 'enfold_customization_switch_fonts' );
function enfold_customization_switch_fonts() {
    global $avia;
    $avia->style->print_extra_output = false;
}

Hi Guenni007,
sorry to say but there is one big problem left – if my observation is right:
– If you install the plugin with all its subfolders the right way
AND
– all path strings in the .css files are correct
AND
– all fonts are placed in the right directories
THEN
everything seems to be fine and the site pulls the fonts from local dirs.
(At this point I’m not sure but as far as I can see the site doesn’t connect to fonts.gstatic.com)

BUT if there is any mistake made – folder missing, wrong path, font file missing – all fonts will still be loaded from fonts.gstatic.com … no error message, no fall back to browser standard fonts …
I think we should hint at this …
Maybe the best way would be to have an option in Enfold prefs to choose between loading fonts from local server (and specify a path) OR loading from Google …

But anyway, as I already mentioned above: thanks again for your efforts!

Dear Sophie,
how do you check if there really exists a connect to fonts.gstatic.com?
I’m asking because I would like to review my workflow.
I take 2 ways to monitor the website:
1. developer tools of Firefox and Chrome > Network > Fonts (with cache disabled)
Result: Font host = local server
2. Firefox extension Lightbeam (older version 1.3.2)
Result: the graph view shows fonts.googleapis.com as third party site …
So I’m sure if there is a connect or not …

How do you check it out? Can you recommend other tools (I’m working on a Mac)?
Maybe a member of the Enfold team takes part in the discussion and suggest tools?

Best
LL

@Yigit: sounds great – thanks a lot!