Important change request for avia_google_maps_api.js!

@mailworm
You can do this as follows

1. create a directory js in the child folder
2. put the following file named norobotofontbymaps.js in the js folder

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)
   if (newElement.href && 
		(
			newElement.href.indexOf('//fonts.googleapis.com/css?family=Roboto') > -1
			|| newElement.href.indexOf('//fonts.googleapis.com/css?family=Google+Sans+Text') > -1
		)
	  )
	{	
        console.info('Prevented Roboto from loading!');
        return;
    }

    insertBefore.call(head, newElement, referenceElement);
};

3. The following code is added to the Child Theme function

function agwp_addCustomScripts(){
    wp_enqueue_script('norobotofontbymaps',get_stylesheet_directory_uri().'/js/norobotofontbymaps.js');
}
add_action('wp_enqueue_scripts', 'agwp_addCustomScripts');

Ready now no more fonts are loaded from Google Maps

Happy Coding :D

• This reply was modified 1 year, 10 months ago by Yigit. Reason: added code tags

By the way : Borlabs provides a free download around this topic.
https://de.borlabs.io/borlabs-font-blocker/

but i had to test now – However, I’m afraid that if I allow Maps, it will allow the fonts after all. Which is an academic question whether it makes sense to block the font and allow the other maps functions.

nothing of the above worked on my testinstallations.

thats right – i now try to first register the external script and enqueue then. Maybe that makes a difference. …
No effort – how do you look – if fonts are loaded from external Sources ? i do it only with developer tools – on chrome – and there are always google fonts.
And even Google Fonts Checker comes to the same result.

I tested it with Borlabs Cookie Plugin deactivated – and with only Google Maps ALB.

Next option to embed a google map is using the google maps script api

and just after the function initMap() and before the info window and markers are set – insert the code from above in that manner:

    var head = document.getElementsByTagName('head')[0];
    var insertBefore = head.insertBefore;
    head.insertBefore = function (newElement, referenceElement) {
        if( 
               newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Roboto') > -1 
            || newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Google+Sans+Text') > -1
          
          ){return;}
          insertBefore.call(head, newElement, referenceElement);
    };

that will work too. see: https://enfold.webers-webdesign.de/google-maps/

maybe a force to enque it in header ( in_footer : false) brings the effort.
the script from above had to be loaded before the gmaps scirpt.
i do not know if js merging is set – if this is always the case – on my installation it does not work that way.

so maybe this has to be done for all possible constallations:

function agwp_addCustomScripts(){
    wp_enqueue_script('norobotofontbymaps',get_stylesheet_directory_uri().'/js/norobotofontbymaps.js', array(), $vn, false );
}
add_action('wp_enqueue_scripts', 'agwp_addCustomScripts');