Adobe Blank Font

Out of context: Reply #4

• Started
• Last post
• 8 Responses

• ernexbcn0

  When I use Google Web Fonts on the html head I append a class "loading" to the html tag that the body tag inherits opacity: 0 (that loads pretty quickly, without using any JS library. Then on the JS that loadeds at the bottom of the page I listen for the Google WebFont Loader API event "fontactive" and when that happens I remove the class "loading" from the html tag.

  That's how I prevent FOUT (font out of style).

  ernexbcn 0Permalink

  UpvoteDownvote

  Flag

  • the "loading" class is appending with 1 line of javascript on the html head.ernexbcn
  • *appendedernexbcn

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

View thread