News for hackers. Stuff that matters.

A comment on Show HN: Download and inline Google web fonts from the command-line. Parent comment

Re:Show HN: Download and inline Google web fonts from the co... by mmastrac on Saturday December 27, 2014 @02:56PM (#8803716)
It avoids the flash by effectively blocking load. It's not documented, but you can infer it:

  - CSS blocks rendering until download [1]
  - Inlining a font in CSS makes it part of the CSS
  - Fonts inlined in CSS block rendering until download
You can get a similar effect by using a webfont loader and hiding the body until the font loads. The utility uses a strong name for downloading font resources, so if you want to go down this road and use a long expiry for the font resources that'll work as well.

[1] https://developers.google.com/web/fundamentals/performance/c...

[ Parent | on HN ]
Re:Show HN: Download and inline Google web fonts from the co... by deanclatworthy on Saturday December 27, 2014 @03:07PM (#8803752)
I was aware of the technique of hiding the body, but that for me is unacceptable. It causes further delays to get content on the page. This inlining of the fonts is quite interesting.

It'd be nice to have a way of clients caching webfonts. Fonts could have a signature (checksum) and loaded from the user cache.

[ Parent | on HN ]