StoreFront – как изменить шрифт Google Fonts

По умолчанию, в теме StoreFront, используется шрифт Open Sans. Для отключения или изменения шрифта есть хук storefront_google_font_families. Рассмотрим, как его использовать.

На сайте https://fonts.google.com/ выбираем нужный нам шрифт. В моём примере это Montserrat. Выбираем необходимые форматы, чтобы сформировать ссылку для подключению шрифта. Нас интересует вот эта часть ссылки:

Montserrat:wght@200;400;500;600&display=swap

В файле functions.php дочерней темы добавим код:

add_filter( 'storefront_google_font_families', 'woomillion_google_font_families' );
function woomillion_google_font_families( $family ) {
	$family = array();
	$family['Montserrat'] = 'Montserrat:wght@200;400;500;600&display=swap';
	
	return $family;
}

В файле style.css переопределим стили:

body, button, input, textarea {
	font-family: 'Montserrat', sans-serif;
}
select {
	font-family: 'Montserrat', sans-serif;
}