Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 21, 2014 at 1:47 am #293677
    xpoveda

    Hi, I have put many optimizations of the new version of site http://escalamas.com said by support team.

    The speed is perfect, 4 seconds to 1 second aprox. thanks so much!!! ;).

    But I have a little problem, in menu bar appears the fout (flash of unstyled effect).
    I have typekit fonts, and now the site runs more fast than load typekit.

    Before this instruction runs ok (by example).

    .wf-loading h1 { visibility: hidden; }
    .wf-active h1 { visibility: visible; }

    But now not works.

    How apply the solution for elements load without fout effect in typekit font?

    Thanks so much!!

    Xavier.

    July 22, 2014 at 5:54 pm #294500
    Dude

    Hi xpoveda!

    The problem is that the typekit code takes too long to load + initialize and the wf-loading class is added too late to hide the font and to avoid the flashing. You can try to use this code instead:

    
#top h1 { visibility: hidden; }
.wf-active #top h1 { visibility: visible; }

    Regards,
    Peter

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