Font Control

Flexible font control has always been a part of the Zen Grid Framework based themes. 

That tradition continues in Zen Grid Framework 4 (ZGF4) themes by making it super simple to use standard web native fonts or any of the hundreds of fonts available on the google webfont directory.

 

Font families and their weights are easily specified in the font panel in the template settings.

 

Use Javascript Loader or not ...

A new feature to ZGF4 themes is the ability to specify whether or not to use the javascript loader to load fonts. The javascript loader ensures that the site loads faster as the font assets are loaded after the site loads. Using the font loader however can cause what is known as a FOUT or Flash of unstyled content where there is a slight flash on the page as the new font is applied to your content.

By default the font loader is turned off and the google fonts are loaded in a single css asset.