Shop Categories

X

font flickering until it is loaded

Home Forums Agama Pro font flickering until it is loaded

Topic Resolution: Resolved

Tagged: 

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #22443
    maru
    Participant

    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

    #22446
    Zex
    Moderator

    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

    #22464
    maru
    Participant

    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

    #22476
    Zex
    Moderator

    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

    #22480
    maru
    Participant

    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?

    #22482
    Zex
    Moderator

    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

    #23333
    maru
    Participant

    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?

    #23399
    Jerry
    Keymaster

    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

    #23450
    maru
    Participant

    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

    #23451
    maru
    Participant

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

    #23454
    Jerry
    Keymaster

    @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

    #23526
    maru
    Participant

    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.

    #23529
    Jerry
    Keymaster

    @maru,

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

    #23560
    maru
    Participant

    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?

    #23577
    maru
    Participant

    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.

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.