Web Font Optimization

Screenshots

Advanced Web Font optimization toolkit. Font Face API, Web Font Observer, Google Font Loader, Critical CSS, HTTP/2 Server Push, async and timed font rendering and more. The plugin provides a management solution for the following font loading technologies: Font Face API Font Face Observer Google Font Loader The plugin contains many unique innovations such as async and timed font loading and/or rendering which enables to load and/or render fonts only on specific screen sizes/devices using a Media Query, when an element scrolls into view or using methods for page load time optimization purposes (requestAnimationFrame with frame targeting and more). Timed font loading is available for all loading strategies. With debug modus enabled, the browser console will show detailed information about the font loading and rendering process including a Performance API result for an insight in the font loading performance of any given configuration. The plugin contains a tool to download and install Google fonts locally for a theme, it provides an option to push fonts using HTTP/2 Server Push, it enables to remove linked fonts from HTML and CSS source code (<link rel="stylesheet"> and @import links) and to remove Google Font Loader from HTML and javascript source code. Additional features can be requested on the Github forum. This plugin is a beta release. Documentation is available on Github.