Good typography is an essential part of any design, and good web design is no exception. A great selection of fonts can create a cohesive theme or set a stylish and sophisticated tone throughout your website.
WordPress themes have long utilized Google Fonts. Google’s robust catalog of open-source fonts makes it easy to integrate expressive type seamlessly—no matter where you are in the world.
The Frost theme for WordPress offers designers, developers, and end-users a unique experience using Jost—replacing ubiquitous and often overused fonts such as Open Sans, Lato, and Roboto.
Inspired by 1920s German sans-serifs, Jost is designed and maintained by Owen Earl, the font foundry indestructible type*. In 2020 Owen Earl and Mirko Velimirovic worked together to make Jost a variable font.
Customizing Google Fonts in Frost
While Jost is a charming font, projects might require an alternative Google Font. Thankfully Frost makes it easy to replace Jost—and it can be done by following these simple steps.
There are two functions in the Frost theme that enqueue Jost. The first one displays Jost on the front end of your website, and the second one displays Jost on the back end in the WordPress block editor.
Open the functions.php file inside of the Frost theme and look for the two snippets of code below. Replace line 7 in both instances with the URL string that Google Fonts provides you for the new font.
Now that you have enqueued your Google Font, open up the theme.json file and look for the code below. Replace Jost with the new font you have selected. This process will output it everywhere—front end and back end.
And just like that, you have customized your Google Fonts in Frost.