Як використовувати шрифти Google Fonts у WordPress
Google надає можливість використовувати нестандартні шрифти на сайтах та веб-додатках, у скарбничці цього сервісу вже понад 600 першокласних шрифтів та їх зображення! Природно, Гугль подбав про інструкцію щодо підключення цих шрифтів, проте вона досить спільна, і не маючи достатнього досвіду в розробці сайтів на WordPress, можна підключити шрифт невірно або не підключити взагалі =)
Насамперед, існує безліч плагінів, що дозволяють легко інтегрувати Google Fonts у WordPress і вже в налаштуваннях плагіна вибирати все, що потрібно. Ви легко знайдете ці плагіни через звичайний пошук за запитом "Google Fonts". Однак, для більш розвинених розробників, хто не звик щодо кожного шукати і ставити плагіни, є більш універсальний спосіб, щоправда вимагає редагування коду теми.
Перш за все, виберіть потрібні вам шрифт у Google Fonts, наприклад PT Sans, вкажіть галочками потрібні стилі зображення (звичайний, похилий, напівжирний), набір стилів (latin обов'язково, і cyrillic для української мови). Потім вам запропонують варіанти підключення:
Варіанти підключення Google Fonts
Тут нас буде цікавити лише URL шрифту: http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic
Тепер відкриваємо файл functions.php вашої теми WordPress і наприкінці файлу додаємо нову функцію:
Зберігаємо зміни у functions.php та відкриваємо style.css.
Тут потрібно вказати ті елементи, в яких ми хочемо використовувати встановлений шрифт. Наприклад, щоб цей шрифт працював по всьому сайту, потрібно в стилях тега body вказати:
Цей код вказує, що весь текст, що знаходиться всередині тега body, повинен відображатися шрифтом PT Sans, а якщо шрифт все-таки не знайдений (деякі старі мобільнібраузери не підтримують такі можливості) буде використаний шрифт із засічками за замовчуванням (sans-serif). Перед sans-serif можна вказати будь-які інші шрифти, які повинні замінити PT Sans у разі, якщо з якоїсь причини використання PT Sans неможливо.