Диагностика проблемы: как понять, что Google Fonts загружается в теме
Первый шаг — убедиться, что тема действительно подгружает шрифты с сервера Google. Для этого откройте сайт в браузере и запустите инструменты разработчика (F12). Перейдите на вкладку Network и в фильтре введите fonts.googleapis.com. Если в списке есть запросы к этому домену, значит тема загружает Google Fonts.
Также можно проверить исходный код страницы (Ctrl+U) и найти ссылки вида:
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">Почему стоит убрать загрузку Google Fonts
Удаление загрузки Google Fonts повышает скорость загрузки сайта, уменьшает количество внешних запросов и улучшает конфиденциальность пользователей за счет отказа от обращения к сторонним серверам.
Пошаговое удаление загрузки Google Fonts из темы WordPress
Шаг 1. Найти функцию или хук, который подключает шрифты
Откройте файл functions.php вашей активной темы или дочерней темы. Найдите строки, которые регистрируют или подключают Google Fonts через wp_enqueue_style. Пример типичного подключения:
function theme_enqueue_styles() {
wp_enqueue_style( 'theme-google-fonts', 'https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap', false );
wp_enqueue_style( 'theme-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );Шаг 2. Отключить подключение Google Fonts
Есть два пути: удалить или закомментировать вызов wp_enqueue_style с Google Fonts либо отменить регистрацию через хук. Если это сторонняя тема, лучше отменить с помощью wp_dequeue_style и wp_deregister_style в дочерней теме или плагине.
function remove_google_fonts() {
wp_dequeue_style( 'theme-google-fonts' );
wp_deregister_style( 'theme-google-fonts' );
}
add_action( 'wp_enqueue_scripts', 'remove_google_fonts', 20 );Вместо 'theme-google-fonts' подставьте ID стиля, который используется в вашей теме (можно узнать в functions.php или инструментах разработчика в Network).
Шаг 3. Подключить локальные шрифты (опционально)
Чтобы сохранить шрифты, но не грузить их с Google, скачайте нужные файлы шрифтов в формате .woff и .woff2 и подключите их через CSS:
@font-face {
font-family: 'Open Sans';
src: url('/wp-content/themes/your-theme/fonts/OpenSans-Regular.woff2') format('woff2'),
url('/wp-content/themes/your-theme/fonts/OpenSans-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
body {
font-family: 'Open Sans', sans-serif;
}Проверка результата после внедрения изменений
Очистите кеш браузера и кеш сайта (если есть). Откройте сайт и повторно проверьте во вкладке Network наличие запросов к fonts.googleapis.com. Они должны отсутствовать.
Проверьте отображение шрифтов на сайте — они должны остаться корректными, если вы подключили локальные версии.
Частые ошибки и как их исправить
- Неправильный идентификатор стиля в
wp_dequeue_style: используйте точное имя, как вwp_enqueue_style. Иначе Google Fonts не удалится. - Кэширование: браузер или кеширующие плагины могут показывать старые версии страниц. Очищайте кеш после изменений.
- Шрифты подключены напрямую в header.php или через inline CSS: тогда
wp_dequeue_styleне поможет. Нужно вручную удалить эти строки из шаблонов. - Сторонние плагины: иногда плагины тоже подключают Google Fonts. Проверьте их и при необходимости отключите там.
Практические советы по безопасности и производительности
- Храните локальные шрифты в папке темы или дочерней темы, чтобы избежать проблем при обновлении.
- Используйте формат
woff2для максимально сжатых файлов. - Отключение Google Fonts снижает количество внешних запросов, что положительно влияет на скорость сайта и пользовательский опыт.
- Если вы используете CDN, убедитесь, что локальные шрифты доступны и кэшируются корректно.
Сравнение способов удаления Google Fonts
| Метод | Преимущества | Недостатки |
|---|---|---|
Удаление вызова в functions.php | Прямое решение, не загружается вообще | Требует правки темы, может потеряться при обновлении |
Отключение через wp_dequeue_style | Безопасно для обновлений, легко реализуется в дочерней теме | Требует правильного ID стиля, не сработает при inline-вставках |
| Использование плагинов для отключения | Простота установки, не требует кода | Зависимость от плагина, возможны конфликты, нагрузка |