Disable google font loading via google

I just fiddled to get rid of google fonts. Wondered why the fonts path used in my child theme’s style.css wouldn’t be recognized. I had to disable “CSS file merging and compression” setting in the Enfold performance options. Only then it worked and my local fonts are used.

I also use

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

in my child theme’s function.php. But still there is a Roboto font loaded from fonts.googleapis.com (https://fonts.googleapis.com/css?family=Roboto:300,400,500,700). I cannot find the source of this request. Website in question is https://www.rsw-recht.de/

Any help?

Thanks,
Stephan

OK, here’s the solution. Thanks to https://stackoverflow.com/questions/25523806/google-maps-v3-prevent-api-from-loading-roboto-font.

1. Create a /js/norobotofontbymaps.js in your child theme folder.
2. Put this code into norobotofontbymaps.js:

   var head = document.getElementsByTagName('head')[0];
   
   // Save the original method
   var insertBefore = head.insertBefore;
   
   // Replace it!
   head.insertBefore = function (newElement, referenceElement) {
   
       if (newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Roboto') > -1) {
   
           console.info('Prevented Roboto from loading!');
           return;
       }
   
       insertBefore.call(head, newElement, referenceElement);
   };

3. Add this code to your functions.php:

   /*prevent roboto fonts loaded by google maps api*/
   $child_theme_url = get_stylesheet_directory_uri();
   wp_register_script( 'norobotofontbymaps', $child_theme_url.'/js/norobotofontbymaps.js', 'jquery', "1", true);
   wp_enqueue_script( 'norobotofontbymaps' );

That’s it. No connections to fonts.googleapis.com anymore. :)

• This reply was modified 6 years, 6 months ago by Stephan_H. Reason: corrected a typo

Has Basilis not announced a theme updated concerning this and other GDPR features for ENFOLD until May 25 in another thread?

Hi @Stephan_H,

thank you so much for the solution!!!
That’s exactly what I was looking for :))

Best regards,
Andreas

@Shashahan: I would determine the css class of the affected elements and overwrite size and position in the style.css of your child theme (or in the Enfold Quick CSS settings).

Hi,
thank you @stephan_h for your answer but i am no good with css at all. I don’t even know where to begin :/
I decided to use the route with @font-face entries in custom.css and the function below as i am not planning to change the fonts often .

It seems that a lot of the general styling is ignored when i use the function `add_action( ‘init’, ‘enfold_customization_switch_fonts’ );
function enfold_customization_switch_fonts() {
global $avia;
$avia->style->print_extra_output = false;
}`

Before the change it looked like that:
Home:
Post:

After the change:
Home:
Post:

Is it planned to have an option to load fonts from local storage without disabling the design (font size and position) of the theme to be compliant with the GDPR (DSGVO)?

Best Regards,
Olaf

Hallo Zusammen,

Vielen Dank für Eure wirklich tolle „DSGVO“ Arbeit nach dem Update und die Möglichkeit „Google Fonts“ nun auch Local zu speichern

Ich habe „Open Sans“ als .zip Datei runtergeladen und eingebunden.

Und im Editor „Open Sans“ die Locale Version ausgewählt.

Meine Frage, ist damit „Google Fonts“ getrennt von der Webseite, oder muss noch etwas im Quellcode verändert werden, damit an „Google“ nicht mehr die IPs übertragen werden?

Herzliche Grüße

@Günter: Wo muss ich denn den Filter “avf_output_google_webfonts_script” setzen und wie?
Danke!

Is this solution part of the next update of enfold?
Thank you for your solution.

This script is not working here,
I added it to functions (child) at the very bottom … Roboto 100, 400, 700 is still loading from googleapi. I do not even use this Font on my site or Plugins. Where does it come from?

add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );

function my_output_google_webfonts_script( $activate )
{
	return false;
}

Note: I deleted cache and tested on different computers. Still Googlefontsloading, …

• This reply was modified 6 years, 5 months ago by royaltask.

I have google Maps disabled (JS Consent) and deleted the cache, still loading Google Fonts. Code was added as listed above.

• This reply was modified 6 years, 5 months ago by royaltask.