font flickering until it is loaded

[maru]

im using agama pro for a client website and i see a flickering navigation because i use open sans condensed and until the font loads, default font is shown and looks not nice at all.

i was just wondering how to cache fonts on the browser, so that only the first time the flickering will occur but not every time when i change page etc.

Please advise how to improve that. Thank you in advance

[Zex]

Hello, maru!

That could happen if you use Linked web fonts instead of the fonts which come with the theme.

Since the Open sans condensed font already is included in the theme, I suggest you use it.

Can you give me the address to the website?

Regards

[maru]

Hi,

im using the fonts used in the theme. My website is password protected because it is not finished yet. i will see if i can create an user for you.

Agama Pro uses Google fonts but i dont see a request to google apis for requesting them, i saw they are downloaded in the upload folder. am i right?

Best

[Zex]

Hello, maru!

In that case, you can try two things in my opinion:

1. Host Google Fonts Locally, using the “OMGF” plugin.
Or Insert the fonts manually: Host Google Fonts Locally On WordPress: The Manual Method

2. Try to Turn on the “Preloader”
https://prnt.sc/qhvftk

It would be great if I could log into your backend to see the problem on my own.

Regards

[maru]

Hi Zex,

does Agama Pro request the google fonts from Google? as i told you before i dont see the request. I just see under fonts the fonts are being loaded from /upload folder inside wp-content/uploads/1Ptrg8zYS_SKggPNwJYtWqhPBg-14.woff
Am i wrong?

is there a way i can send you a screenshot?

[Zex]

Hello, maru!

We use the Kirki framework to get fonts from Google, so the fonts are not stored locally.
As I wrote to you in the previous post, you can try to Host the Google Fonts Locally, to avoid the flickering.

PS: I personally using the Lightshot chrome extension to share the screenshots.

Regards

[maru]

for storing fonts locally i need to disable the calls to googles api. Is this possible?
i see also the line <link href=’https://fonts.gstatic.com’ crossorigin rel=’preconnect’ /> in the source code…can i remove also that one?

[Jerry]

Hello @maru,

There is a workaround to load custom fonts into the theme Kirki framework.

Check the example (you need some coding qualifications to do it yourself):
https://github.com/aristath/kirki/issues/1807#issuecomment-372140472

Regards

[maru]

Hello Jerry, sorry for the second thread i opened.

There is this question that i need to get an answer because im working for a big client in germany and i want to recommend to buy Agama Pro but here the Data Protection is very important and i really need to disabled google fonts AND google maps. First because they dont need it and second we dont want to send data outside. So my questions is, can i disabled google fonts and google maps completely also this line that i see in the code?

<link href=”https://fonts.gstatic.com&#8221; crossorigin=”” rel=”preconnect”>

Please let me know as soon as possible.
Thank you

Best,
Marina

[maru]

im planning to buy a font to replace google font and add it on the css from the child theme i created.

[Jerry]

@maru,

You can try to disable Google fonts via your child theme by adding the next filter to the functions.php file:
add_filter( 'kirki/enqueue_google_fonts', '__return_empty_array' );

The above filter should stop google fonts enqueueing.

Best Regards

[maru]

Jerry then

1) is it possible to remove all calls to google requesting the fonts isnt it?
2) what about <link href=’https://fonts.gstatic.com’ crossorigin rel=’preconnect’ /> ?

sorry to ask same thing many times, but it is still not clear, because i got different answers.

[Jerry]

@maru,

Yes it is, did you tried to apply a suggested filter?

[maru]

Hello Jerry, it worked! thank you so much!
so now i could buy one font or host one google font in my own server, right?

[maru]

I hosted 2 google fonts in the server and accessed those and all works fine!. You can close this thread if you want. Thank you for your help much appreciated.

[Author]

Posts