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:
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