Если вдруг оказался другом враг и google fonts не работают стал недоступен или шрифт отказался подтягиваться через link в head, одеваем шляпу хакера и качаем нужные нам шрифты.
Почему Google Fonts могут перестать работать в России
На то могут быть различные причины, и они могут меняться со временем. Это могут быть например технические проблемы на стороне Google. Может быть временное отключение Google Fonts из-за обслуживания на стороне Google.
- Блокировка доступа от правительства чудесной страны. Правительство может заблокировать доступ к ресурсам, включая Google Fonts. Основанием для такой блокировки может быть решение о регулировании интернета.
- Иногда доступ к инет ресурсам может быть ограничен из-за проблем с сетью, такими как перегрузка сети или сбои в связи.
- Изменение политики использования Google также может внести изменения в режим работы сервиса. Это может влиять на доступ к сервисам Google Fonts в регионах.
Иногда google fonts не работают из-за локальных технических проблем, такими как проблемы с DNS, настройками брандмауэра у хостинг провайдера например.
Если у вас возникли проблемы с доступом к Google Fonts
Сначала проверьте подключение из разных мест и с разных устройств, чтобы исключить возможные проблемы с вашим собственным подключением к интернету. Если проблема сохраняется, может быть полезно обратиться к технической поддержке или проверить последние новости о блокировках или проблемах с доступом к ресурсам Google в вашем регионе.
Доступность Google Fonts проверяется просто. Надо измерить время отклика ping до сервера с помощью командной строки. Вот как это сделать:
Откройте командную строку Нажмите Win + R и введите cmd, после чего нажмите Enter.
На macOS и Linux Откройте Терминал и введите команду:
ping fonts.googleapis.com
Это отправит запрос на сервер Google Fonts и покажет результаты с указанием времени отклика. Количество отправленных и полученных пакетов, а также время отклика.
Среднее время отклика или пинг отображается в конце вывода строки и представлено в миллисекундах. Чем меньше это значение, тем быстрее соединение с сервером. Если есть потерянные пакеты, это может указывать на проблемы соединения или блокировку. Некоторые провайдеры интернет-услуг или сетевые настройки могут блокировать ICMP-запросы, используемые утилитой ping. В этом случае результаты могут быть неполными или недоступными.
Чтобы окно терминала или командной строки не закрывалось после выполнения команды ping, вы можете добавить параметр -t
Windows
ping -t fonts.googleapis.com
macOS и Linux
ping -i 3600 fonts.googleapis.com
Локальное подключение шрифтов
Лучший вариант в нестабильной обстановке. Закачиваем нужный шрифт в директорию на нашем хостинге, в рассматриваемом примере это /pic/ в корне.
В файле style.css темы или дочерней темы wordpress добавляем код
@font-face {
font-family: "Comfortaa";
src: url("/pic/Comfortaa-Regular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
В стилях темы рисуем как должно быть или оставляем как было
blockquote {
font-family: 'Comfortaa';
}
Если шрифты Google Fonts не работают на вашем сайте вот несколько стандартных решений
Проверьте подключение шрифтов: Убедитесь, что вы правильно подключили шрифты к вашему веб-сайту. Обычно это делается путем добавления ссылки на шрифты в раздел <head> вашей HTML-страницы.
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Font+Name">
Убедитесь, что вы правильно указали название шрифта.
Проверьте соединение с интернетом и конечно же убедитесь, что ваш сайт имеет доступ в сеть и что сервер Google, предоставляющий шрифты, доступен.
Проверьте, есть ли у вашего сайта права доступа к загрузке шрифтов с Google Fonts. Иногда сетевые настройки или блокировщики рекламы могут блокировать загрузку шрифтов.
Проверьте конфликты с другими стилями: Иногда стили вашего сайта могут переопределять стили шрифтов Google. Попробуйте временно отключить все другие стили на вашем сайте и проверить, загрузятся ли шрифты Google.
Проверьте консоль разработчика: Откройте консоль разработчика вашего браузера (обычно нажмите F12) и проверьте, есть ли ошибки или предупреждения, связанные с загрузкой шрифтов.
Попробуйте другой метод подключения, а именно вместо ссылки на внешний файл CSS вы можете использовать CSS @import. Это может помочь в случае проблем с блокировщиками рекламы или сетевыми настройками. Например:
<style>
@import url('https://fonts.googleapis.com/css?family=Font+Name');
</style>
Заключение
Попробуйте локальное подключение шрифтов, если ничто из вышеперечисленного не помогает, переходите в начало статьи и пробуйте загрузку шрифтов собственными средствами, то есть скачать шрифты с сайта Google Fonts и загрузить их на свой сервер.
Если после выполнения всех этих шагов проблема с загрузкой шрифтов google fonts не работают по-прежнему, вам может потребоваться более подробный анализ проблемы или обращение к специалисту по веб-разработке.
Почитайте также про то, где купить Google maps api key в России