Як змінити шрифти в WordPress [Простий спосіб]

Хочете змінити шрифт, який використовується на вашому сайті WordPress?

За допомогою відповідних інструментів легко змінити шрифт вашого сайту або додати кілька нових шрифтів. Дотримуйтесь цього короткого посібника, і протягом наступних кількох хвилин на вашому сайті з’явиться новий шрифт.

Як користуватися простими шрифтами Google

Найкращий спосіб змінити шрифт на своєму сайті – це плагін Easy Google Fonts.

Цей плагін надає вам доступ до сотень різних шрифтів для використання на вашому сайті. Перш ніж ми перейдемо до плагіна, давайте на хвилинку розглянемо, що таке Google Fonts.

Оновлення: мій новий відеопідручник проведе вас через кроки (він використовує інший плагін, ніж той у цьому підручнику).

Підпишіться на конкурсні теми на Youtube

Що таке Google Fonts?

Google Fonts надає доступ до сотень шрифтів, які можна безкоштовно використовувати на будь-якому веб-сайті. Для будь-якого веб-розробника, який хоче додати шрифт на свій сайт, Google Fonts спрощує це.

Якщо ви не знаєте тонкощів створення веб-сайтів, то вам підійде плагін Easy Google Fonts. Він обробляє технічні частини за вас, тому все, що вам потрібно зробити, це вибрати шрифти, які вам подобаються.

Зрозумів? Чудово, давайте додамо ці шрифти!

Створіть свій контроль шрифтів

Коли ви активуєте плагін, ви знайдете новий пункт меню Google Fonts, доданий у налаштуваннях. На цій сторінці ви знайдете такі варіанти:

Пізніше ви призначите шрифти своєму "контролю шрифтів", щоб мати змогу мати декілька елементів керування шрифтами з різними шрифтами та налаштуваннями. Наразі все, що вам потрібно зробити, це назвати елемент керування шрифтом.

Додайте селектор CSS

Під назвою елемента керування є поле, де ви можете визначити селектори CSS, які ви хочете використовувати. Якщо ви не знаєте, що таке селектор CSS, це не проблема.

За замовчуванням додано три селектора CSS. Натисніть на «х» на кожному, щоб видалити їх. Після видалення введіть зірочку (*) і натисніть Enter. Налаштування CSS Selectors тепер має виглядати так:

Зірочка — це селектор CSS, який націлений на кожен елемент HTML на сайті. Іншими словами, ви щойно сказали Easy Google Fonts використовувати ваш новий шрифт для всього тексту на сайті.

Примусове перевизначення стилів

Я рекомендую також поставити прапорець «Примусове перевизначення стилів». Це гарантує, що вибраний вами шрифт перевизначить шрифти, використані в темі. Використання цієї опції не має недоліків, тому ви можете також перевірити її, заощадивши хвилину, якщо шрифти не змінюються без неї.

Виберіть свій новий шрифт

Тепер, коли Easy Google Fonts знає, на які частини вашого сайту впливати, ви можете вказати йому, який шрифт використовувати.

Відвідайте інструмент налаштування, щоб почати вибір шрифту (Зовнішній вигляд > Налаштувати). Опинившись там, натисніть на новий розділ типографіки.

EGF чудово працює з темою Period.

У цьому розділі відкриються два нових підрозділи: Типографія за замовчуванням і Типографіка теми. Натисніть на розділ Типографіка теми.

Тепер ви побачите елемент керування, який ви назвали раніше. Натисніть кнопку «Редагувати шрифт», щоб відкрити параметри налаштування.

Варіантів досить багато, але лише два вам потрібно відредагувати.

Змініть сценарій/піднабір

Шрифти мають набори символів, призначені для використання різних мов. Якщо ваш сайт англійською мовою, виберіть перший варіант, латиною.

Вибір «Усі піднабори» зробить файли шрифтів набагато більшими та збільшить час завантаження.

Виберіть сімейство шрифтів

Ось де ви, нарешті, зможете вибрати свій новий шрифт. Вибираючи різні шрифти, ви побачите, що ваш веб-сайт миттєво оновлюється.

Хоча це, безумовно, чудовий спосіб попереднього перегляду та зміни шрифтів, він не є ефективним способом перегляду.

Я рекомендую вам відвідати Google Fonts, який добре розроблений для перегляду та пошуку шрифтів. Коли ви знайдете кілька шрифтів, які вам подобаються, поверніться на свій сайт і спробуйте їх за допомогою Easy Google Fonts

Додавання та налаштування додаткових шрифтів

Сподіваємося, вам вже подобається ваш новий шрифт, але ви можете зробити набагато більше за допомогою Easy Google Fonts.

Пам’ятаєте розділ типографіки за замовчуванням із раніше? Ви можете використовувати це для налаштування заголовків і абзаців. Крім того, вам не потрібно зупинятися на зміні сімейства шрифтів, ви також можете змінити розмір і колір шрифту. І якщо вам зручно використовувати деякі CSS-селектори, ви можете налаштувати шрифт у будь-якій частині вашого сайту.

Якщо у вас виникли запитання щодо зміни шрифтів за допомогою WordPress або у вас є запит на новий підручник, залиште коментар нижче.