4 ms·
Is it really so that inline fonts avoids the flash? I have not read this anywhere until now. Source?
by deanclatworthy 12y ago
Is it really so that inline fonts avoids the flash? I have not read this anywhere until now. Source?
- mmastrac 12y agoIt 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/critical-rendering-path/render-blocking-css?hl=en https://developers.google.com/web/fundamentals/performance/c...
- deanclatworthy 12y agoI 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.