Gateway theme: header fonts change three times on loading

  • Unknown's avatar
    thosnevin · Member ·

    The header font in Gateway passes through three phases before settling on the font and size customisation I have chosen whenever the site url is loaded, and whenever a link is chosen anywhere in the sidebar.

    First the site title appears as a big black bold title (very ugly), no header image, then the header image (which is the correct size) appears, then the bold version of the Google font Allegreya appears, then the one I want, the lite version of Allegreya . It’s annoying to see these three versions before arriving at the last one, the lite version of Allegreya, which is all I want. Is there any way to knock out all the others?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    I do not see what refer to. I tagged this thread for Themes Staff assistance. Please subscribe to it so you are notified when they respond. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.

  • kathrynwp · Staff ·

    When we recently added free Google fonts to all sites across WordPress.com, we changed the way web fonts are loaded. On slower connections, we used to show a blank page before the content loaded – now, we display the content in the theme’s default font first, so no one sees a blank page. We realize this means that there may be a flash of a different font before the page finishes loading, but we think overall this is better for folks on slower connections than seeing a blank screen.

    This CSS snippet should return your site to the previous behaviour on loading:

    .wf-loading body {
  visibility: hidden;
}

    Let me know how it goes.

  • Unknown's avatar
    cybermyx3 · Member ·

    .wf-loading body {
    visibility: hidden;
    }

  • Unknown's avatar
    thosnevin · Member ·

    Thanks, kathrynwp, sorry for the delay. I have added the code now, and with a clean Chrome browser on Chrome OS , and logged in as well, it looks as though the code has uniformly applied to all links. However, Android Chrome is showing irregular behaviour – eg. Archives links, some category links, but not for all, links, so it’s not easy to see any regular pattern where the flash is still occurring. I have looked at other users of Gateway, eg. this one, http://rachelisesmith.wordpress.com/ where the resizing is showing on loading, but unlike my site, their header image is static, whereas mine reloads with every click. I am not using the Home/Hero page at all, though I have a Portfolio, Archives page etc. Perhaps that omisssion affects the use of this theme. I will keep you informed, in any event.

  • kathrynwp · Staff ·

    Thanks for the report. While the CSS workaround may not be completely effective, but it’s the best option we have available at the moment. If I have any other workarounds to pass along, I will let you know.

  • The topic ‘Gateway theme: header fonts change three times on loading’ is closed to new replies.