@royaltask: Do you use Google Maps? Maps load Roboto fonts on their own. Solution see post #958964 above.

I am also interested to learn about how to implement avf_output_google_webfonts_script filter.
Thanks.

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, 7 months ago by Stephan_H. Reason: corrected a typo

@Ismael, @chiligroupharstad: Agreed. But there might be a number of use cases where a standard Google map simply is sufficient. This can then be done without having to deal with any Google API issues.

Why, just set the size of the map according to your needs, copy the embedding iframe code and paste it into a text block. No rocket science. ;-)
But admittedly you don’t have much scope for design this way.

• This reply was modified 6 years, 7 months ago by Stephan_H.

Hi Ismael,

Great, that works! :-) Thank you very much!

Cheers,
Stephan

Hi Victoria,

I followed your advice but the error persists.

I placed the following files in my child theme folder:
\themes\enfold-child\functions.php
\themes\enfold-child\js\avia.js
\themes\enfold-child\js\shortcodes.js

In functions.php I have the following function:

function wp_change_aviajs() {
   wp_dequeue_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 ); 

When I log in to my WP backend, I get the error as described above. See screenshot of the backend in the private content section of this reply.

Thanks,
Stephan

Hi Victoria,

This is off topic, but following this hint I just commented out line 56 (new $.AviaAjaxSearch({scope:'#header'});). In the latest avia.js this is to be found in line 35.

Following another hint I added the function wp_change_aviajs() to my function.php in order to use the altered avia.js file.

However, if I copy the unaltered (latest version of) avia.js into the child theme folder (js subdir) and leave the function wp_change_aviajs() in my functions.php (also in the child theme folder) then the WP backend throws an exception error (“TypeError: $.avia_utilities.supports is not a function”) and stops at line 513 in avia.js. It’s the avia.js in the child theme folder, identical with the avia.js in the theme folder.

If I comment out the function wp_change_aviajs() and the add_action command no error is thrown. But then, the child theme copy of avia.js isn’t used at all. How can a customized avia.js be used?

Should I start a new topic about this?

Original problem that lead to customize avia.js is: How can I deactivate the Ajax search?

Interesting additional issue now: Why does a copy of avia.js not work in the child theme dir?

Thanks,
Stephan

• This reply was modified 6 years, 7 months ago by Stephan_H.