Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1401981

    Hello,

    I changed a font in my site but now when page loads, then it shows the old font for a second before switching to new font.
    Can you please check.

    #1402001

    Hey,

    Is Load Google Fonts In Footer option enabled in Enfold theme options > Performance? If it is, this is expected.

    Cheers!
    Yigit

    #1402002

    Hello Yigit,

    No it has been turned of> https://ibb.co/z5Cvzzb
    Please check the access credentianls are below.

    #1402079

    Hi pimroll,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1402113

    Hello,

    Here is the login link.

    #1402239

    Hi pimroll,

    Thanks for giving us access, please review your website now.

    I saw this code in your functions.php file:

    add_action('wp_head','hook_font');
    function hook_font() {
    	$output = '<link rel="stylesheet" id="avia-google-webfont" href="//fonts.googleapis.com/css?family=Open+Sans:300,700" type="text/css" media="all"/>';
    	echo $output;
    }

    and I just replaced it with (to preload the font):

    add_action('wp_head','hook_font');
    function hook_font() {
    	$output = '<link rel="preload" as="style" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:700,400,100&display=auto" />';
    	$output .= '<link rel="stylesheet" id="avia-google-webfont" href="//fonts.googleapis.com/css?family=Open+Sans:300,700" type="text/css" media="all"/>';
    	echo $output;
    }

    Best regards,
    Nikko

    #1402938

    Hello Nikko,

    Thanks but I still have the same issue, please check.
    Heiki.

    #1403025

    on Performance Tab of Enfold Options – please check the “Show Advanced Options”
    what do you have set for “Custom Font Display Behaviour” ?

    that link on the info: https://developer.chrome.com/blog/font-display/ might be usefull.

    #1403074

    Hi pimroll,

    Can you try to clear the browser cache? I have checked it on my end and preloading seems to work just fine, in a quarter of a second the text does not display (since font is being downloaded by the browser) and then text shows using the correct font, so there’s no switching of font happening unlike before.

    Also, please try Guenni007’s suggestion.

    Best regards,
    Nikko

    #1403098

    “Custom Font Display Behaviour” – I have (auto=default)

    #1403185

    Hi pimroll,

    I have added a screen recording link on how it looked on my end. At 0:03 the page is refreshed (hard refresh to make sure it does not load old files).

    Best regards,
    Nikko

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