The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Loading webfont after page-load event with loadCSS

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #205230

    Made a demo for feedback on webfont-loading. In the demo loadCSS by Filamentgroup (HTML-tab behind gear-icon), inserts a css-<link>-tag in head to (google)webfont and some small javascript function sets a class of is-loaded on the HTML element after the page has loaded. So in the CSS it looks like:

    <code class="css">body {
      font-family: sans-serif;
    .is-loaded  body {
      font-family: webfont, sans-serif;

    Prefer how Firefox handles <abbr title=”flash of unstyled text”>FOUT</abbr> myself, and am testing to enforce this here across all browsers for a redesign I am working on. This works quite well for me on a fast connection, but will this potentially give a “janky experience” on slow connections, or will that be worth it because the page loads faster? Will test further myself, but any feedback from someone on a slow connection is appreciated. link to fullpage demo

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.