CSS font-display property is now available in Chrome Canary! \o/
It allows you to customize how web fonts are displayed when the page is being rendered -- e.g. should the browser block text rendering until the font is fetched (default in Chrome, FF, Safari) vs. use fallback and then swap the font once fetched vs. check cache and use first available font vs... check out the full spec at: http://tabatkins.github.io/specs/css-font-display/
To test drive it in Chrome Canary:
- Boot up Chrome Canary
- Open chrome://flags
- Enable "enable-experimental-web-platform-features" flag
- Reboot Canary
Demo: http://output.jsbin.com/nigahi/latest/quiet
Visual WPT trace: http://www.webpagetest.org/video/compare.php?tests=151201_PQ_VA6-r:1-c:0
This is a much needed feature, so happy to see this! Give it a try and ping us with any feedback. If all goes well, hoping to see this in Chrome stable in early 2016!
It allows you to customize how web fonts are displayed when the page is being rendered -- e.g. should the browser block text rendering until the font is fetched (default in Chrome, FF, Safari) vs. use fallback and then swap the font once fetched vs. check cache and use first available font vs... check out the full spec at: http://tabatkins.github.io/specs/css-font-display/
To test drive it in Chrome Canary:
- Boot up Chrome Canary
- Open chrome://flags
- Enable "enable-experimental-web-platform-features" flag
- Reboot Canary
Demo: http://output.jsbin.com/nigahi/latest/quiet
Visual WPT trace: http://www.webpagetest.org/video/compare.php?tests=151201_PQ_VA6-r:1-c:0
This is a much needed feature, so happy to see this! Give it a try and ping us with any feedback. If all goes well, hoping to see this in Chrome stable in early 2016!