🚀🚀🚀 Speed up services site for site members free for BABIATO members -Increase site speed 🚀🚀🚀

[scillione]

@scillione can you just explain the best way to use the fonts on wordpress & elementor. how to disable the google fonts using by elementor?

thanks

On functions.php add the following

add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

then save.

Use CSS @import Rule for the fonts.

Go to Google fonts and select the style you like.

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

You only need this

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

and

font-family: 'Open Sans', sans-serif;


Now, you can add it on elementor header or footer in Custom CSS.




Now if you see the example, i have named the HTML Tags that might contain Text inside, example:

h1,h2 {font-family: 'Open Sans', sans-serif; } this means, H1 and H2 tags are Open sans font style.

In order to have effect, you need to also make sure any text, have the font family value to " Default " and also the corresponding font weight and the proper HTML tag. like this:



Heading with H1 Tag



What you achieve?

Less server request and smaller in size page and only load the fonts and style you need.
also, if need be, you could change the fonts from your entire site, just by changing the CSS.

 

[cysystem]

thank you very much for the effort