Ollie Theme Academy

Implementing Typography Settings

Exercise Solution – Adding a Google font

Use the site editor’s font management under Styles > Typography > Fonts to install Lora directly from Google Fonts. Search for “Lora” and select the variants you need: normal (400), bold (700), italic (400), and bold italic (700).

WordPress downloads the font files to your server and creates the necessary database entries. However, for theme development, you want these fonts as part of your theme files rather than database content.

Use the Create Block Theme plugin’s export feature with “Save Fonts” enabled to download the font files into your theme directory and generate the proper theme.json declarations.

The result is clean theme.json font family declarations with local font files in your assets directory – exactly what you’d create manually but with much less effort.

Back to: Ollie Theme Academy > Implementing Typography Settings