scillione
Active member
- May 11, 2019
- 91
- 141
- 33
@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.

Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography

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.
Last edited: