time to play the web’s hottest new game: is it a skeleton loading screen OR an invisible web font
I’m curious: Do you know of any considerations for smarter ways to load fonts?
-
-
I can imagine, for example, an “essence” of a font extracted so that you know its metrics and nothing else, load that first (or even embed?), and render the page with the correct dimensions and little gray blocks where the lines or even words will eventually appear.
-
./woff2metrics OpenSans-Regular.woff2 OpenSans-Regular.woff2m
@font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans-Regular.woff2"); metrics: url("/fonts/OpenSans-Regular.woff2m"); } - Show replies
New conversation -
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.