Google web fonts still loading despite Custom Font Manager

Hi,

I just found out that in advanced settings of Theme settings I have not changed the body font to my local font, so it’s working now. But I just saw that the font Lato regular and lighter are displaying same way, even though I imported them via custom font manager. But I need to have the lighter one. Can you help?

Also, how can I make the p style <p style=”font-size: 26px; font-family: ‘Chelsea Market’;”>example text</p> and my blockquote styling CSS blockquote { font-family: Chelsea Market;} load my local font? Currently it is still loading from Google server https://fonts.gstatic.com.

Furthermore I am using the following code for enabling the header scroll effect on mobile devices that I got from your support forum and for loading font awesome for my recipes. This is loading 2 icons (print and check mark) from maxcdn.bootstrapd. Can you help and tell how to load these both icons from Enfold or rather from my local server to reach GDPR compliance:

function enfold_child_custom_script() {
    wp_enqueue_style( 'font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), 1.0);
    wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/main.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'enfold_child_custom_script', 100 );

Really hope you can help. Thank you so much for your kind efforts in advance.

Best regards,
Sophie

Hi Vinay,

thank you so much for your detailed information.

1. Okay, I loaded each font weight of my requested font Lato separately, even though I loaded a zip file with all font weights in one zip file before. It seems to work, but I wonder why the local fonts do look different than Google fonts. For example, bold is not bold (it’s kind of “light bold”), even though I loaded Lato 700. Do you have any idea what is happening here?

2. That’s what I tried, but in blockquote in Enfold > Advanced Styling it is only possible to change font color, border color, font size and line space. No font family can be added. Same with p style.

3. The icons I need for my recipes are „check“ for marking the ingredients and recipe steps and “print” for printing the recipe (please find in private content box a link to my website where you can see print button and check marks) and these icons are already included in Enfold theme. So, do you mean by “Disable the “font-awesome” script by removing the first line inside the brackets” to disable like as follows? I am not quite sure how to do :o( :

function enfold_child_custom_script() {
    wp_enqueue_style( 'font-awesome', array(), 1.0);
    wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/main.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'enfold_child_custom_script', 100 );

Thank you so much for your kind help in advance.

Wish for you a good day!

Best regards,
Sophie

Hi Nikko,

thank you so much for your kind help.

1. I am a little confused about that. Not sure where to put your a/m code? Can you help and tell?

font-family: 'lato-v14-latin-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;

or

font-family: 'lato-v14-latin-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;

2. For blockquote styling I already used custom CSS as follows, but then the font will be loaded from Google server again. Can you help and tell how to load my local font that I already imported to Theme settings > Import/Export?

blockquote {
	font-family: Chelsea Market;
}

3. Awesome! Your code helped me to prevent loading font awesome from bootstrapcdn. Thank you so much, really do appreciate all your help!

Again, I thank you so much for all your efforts that you put in my issues. I am so happy! Thank you!

Best regards,
Sophie

Hi Nikko,

thank you for your kind help.

1. I think I got it. First, I had to change all the fonts for example for H1, H2, menu links etc. in Theme Options > Advanced Settings, because these fonts have of course not changed automatically and loaded locally. Second, I had to add your a/m code to my recipes Custom CSS as well, now it works perfecty :-) . But, still the local fonts do not look the same as they did when they were loaded via the Google server (as comparison I use your Church demo). Cannot figure out. Do you have any idea?

2. Oops! I should have known, right ;-) ? Now that I have the code it’s clear to me. And yes, it is working :-) . Your a/m code for my blockquote font makes it loading from my local server instead of Google server :-) ! Thank you so much!!!!!!

As always, thank you so much for all your help in solving my issues :-) !

Wish for you a great day!

Kind regards,
Sophie

Hi there,

number 1 still not solved ;-) .

Regarding local fonts they still do not look the same as they did when they were loaded via the Google server. As comparison: I use your Church demo. Your Church demo with Google Font Lato looks different then mine with local Google font Lato. Cannot figure out. Do you have any idea?

Can you help?

Best regards,
Sophie

Yes, everything is okay. Please close this thread :-) . Thank you!

Kind regards,
Sophie