Шрифт на сайті хотіли змінити, а в результаті зламався заголовок у мобільній версії. Або поставили «той самий гарний шрифт із Google Fonts», а сайт почав завантажуватися на пів секунди довше, і конверсія поповзла вниз.

Шрифти у WordPress виглядають просто: вибрав, підключив, забув. На практиці між «вибрав» і «забув» лежать десятки нюансів: де хостити файли, як не порушити GDPR, що робити з кирилицею, як дати відвідувачу самому змінювати кегль.

Нижче, п'ять плагінів, які закривають ці задачі. Від масової заміни шрифтів через кастомізатор до точкового завантаження своїх .ttf-файлів та accessibility-віджета для читачів.

💡 Швидкий огляд:

• Оберіть Fonts Plugin, якщо потрібен найпростіший спосіб підключити Google Fonts і бачити результат у реальному часі.
• Встановіть OMGF, коли критичні швидкість завантаження та відповідність GDPR, він хостить шрифти локально на вашому сервері.
• Візьміть Custom Fonts або Use Any Font, якщо працюєте з власними файлами шрифтів, а не з каталогом Google.
• Додайте Zeno Font Resizer, щоб відвідувачі самі налаштовували розмір тексту під свої очі.

Швидке порівняння:

1. Fonts Plugin: 1455 шрифтів Google і живий перегляд у кастомізаторі

Fonts Plugin (раніше Google Fonts Typography), найпопулярніший плагін шрифтів у каталозі WordPress: 200 000+ активних встановлень і рейтинг 5 зірок. Його головна перевага, повна інтеграція з WordPress Customizer: вибираєте шрифт зі спадного списку і відразу бачите, як він виглядає на живому сайті. Жодного коду.

Плагін дає доступ до всіх 1455 шрифтів Google Fonts, плюс підключає Adobe Fonts (Typekit) за наявності підписки Creative Cloud. У безплатній версії можна завантажити і власні файли .ttf, .otf або .woff2. Pro-версія додає локальний хостинг шрифтів (GDPR-compliant), керування розміром, кольором, міжрядковим інтервалом і вибіркове завантаження накреслень — це прискорює відтворення до 400%.

На практиці заміна шрифтів на всьому сайті займає менше двох хвилин: встановили плагін, зайшли в Appearance → Customize → Fonts Plugin, вибрали пару «заголовок + текст» і натиснули Publish.

• Плюси: повний каталог Google Fonts (1455 позицій), живий перегляд без перезавантаження, підтримка Adobe Fonts, завантаження своїх шрифтів у безплатній версії, працює з будь-якою темою та конструктором сторінок (Elementor, Divi, Beaver Builder).
• Мінуси: локальний хостинг шрифтів і тонке налаштування типографіки, тільки в Pro (від €58 на рік за один сайт).
• Ціна: Free, Pro, від €58/рік.
• Завантажити: 🔗 Fonts Plugin на WordPress.org | 🔗 Жива демонстрація

2. OMGF: локальний хостинг Google Fonts і відповідність GDPR

OMGF (розшифровується як Optimize My Google Fonts) вирішує конкретну проблему: коли ви підключаєте Google Fonts стандартним способом, браузер відвідувача звертається на сервери Google, і ті логують IP-адресу. З 2022 року суди в ЄС визнали це порушенням GDPR. OMGF забирає файли шрифтів із Google Fonts API і складає їх у папку на вашому сервері, всі запити йдуть локально.

Плагін автоматично сканує тему й активні плагіни, знаходить усі звернення до fonts.googleapis.com і перехоплює їх. Після встановлення ви заходите в Settings → Optimize Google Fonts, запускаєте Save & Optimize, і через хвилину весь сайт завантажує шрифти з вашого домену. Жодної зовнішньої DNS-залежності.

Свіжа версія 6.3.7 (червень 2026) отримала вбудований Performance Checker: він перевіряє невикористовувані subsets, зайві накреслення, відсутні preload і Cumulative Layout Shift. Pro-режим додає Smart Optimize, автоматично визначає, які шрифти реально використовуються на кожній сторінці, і вивантажує решту.

• Плюси: 100% GDPR-сумісність, автоматичний пошук шрифтів у темі та плагінах, preload і font-display з коробки, очищення кешу популярних caching-плагінів (WP Rocket, W3 Total Cache, LiteSpeed).
• Мінуси: Pro-функції (Smart Optimize, Magic Fallbacks, CDN-інтеграція) платні; інтерфейс місцями перевантажений для новачка.
• Ціна: Free, Pro, від €49/рік.
• Завантажити: 🔗 OMGF на WordPress.org

3. Custom Fonts: завантаження своїх шрифтів і Google Fonts локально

Custom Fonts від Brainstorm Force (творців теми Astra) робить рівно те, що обіцяє назва: завантажує ваші файли шрифтів на сервер і роздає їх через @font-face. Підтримує формати .ttf, .otf, .woff і .woff2. Плюс уміє хостити Google Fonts локально, теж без зовнішніх запитів.

Інтерфейс побудований на React JS: симпатичний, швидкий, без давніх Customizer-екранів. Завантажили файл, дали назву, призначили, шрифт з'являється у списку доступних і в редакторі. Для FSE-тем (Full Site Editing) плагін інтегрується на рівні теми, а не блочного редактора, при зміні теми шрифти не злітають.

Окремо зазначу: плагін повністю безплатний. Жодних Pro-тарифів, жодних апселів. Brainstorm Force використовує його як «воронку» до своїх комерційних продуктів (Astra, Spectra), але сам плагін не урізаний.

• Плюси: сучасний React-інтерфейс, підтримка FSE-тем, локальний хостинг і Google Fonts, і своїх файлів, повністю безплатний, сумісність з Elementor.
• Мінуси: немає керування розміром/кольором/накресленням (плагін ТІЛЬКИ підключає шрифти); рідко оновлюється (останній реліз, 2024).
• Ціна: Free.
• Завантажити: 🔗 Custom Fonts на WordPress.org

4. Use Any Font: автоконвертація в woff2 і завантаження до 25 МБ

Use Any Font вирішує біль, знайомий кожному, хто отримував від дизайнера .ttf-файл брендового шрифту і не розумів, що з ним робити. Плагін приймає .ttf, .otf або .woff, відправляє на сервер конвертації та повертає стиснений .woff2 (Brotli-компресія, помітно швидше за стандартний woff). Файли зберігаються на вашому сервері, GDPR не порушено.

Вбудований інтерфейс призначення шрифтів: можна вибрати стандартні HTML-теги (h1-h6, p) або прописати свій CSS-селектор. Підтримує WPML і Polylang, для мультимовних сайтів можна призначити різні шрифти під різні мови. Ліміт на завантаження, 25 МБ на файл. Для конвертації потрібен безплатний API-ключ (генерується в адмінці плагіна).

Список сумісності вражає: Divi, Elementor, Beaver Builder, Bricks, Oxygen, WPBakery, Astra, OceanWP, Avada, Flatsome, X Theme, понад 1000 тем і білдерів у списку підтвердженої сумісності.

• Плюси: автоконвертація в woff2, завантаження до 25 МБ на файл, сумісність із WPML/Polylang, 1000+ підтверджених тем і білдерів, шрифти зберігаються локально.
• Мінуси: залежить від зовнішнього API для конвертації (сервер dnesscarkey.org); безплатний ключ, тільки одна конвертація, для масової роботи потрібен Premium.
• Ціна: Free (з Lite API-ключем), Premium, конвертація без обмежень.
• Завантажити: 🔗 Use Any Font на WordPress.org

5. Zeno Font Resizer: віджет розміру шрифту для відвідувачів

Zeno Font Resizer стоїть осібно: він не підключає шрифти, а дає відвідувачу сайту кнопки «A+ / A-» для зміни кегля. На перший погляд, дрібниця. На практиці, вимога accessibility-стандартів (WCAG 2.1) і зручність для вікової аудиторії.

Плагін вішається в сайдбар через стандартний віджет або вставляється PHP-сніпетом <?php zeno_font_resizer_place(); ?> у будь-яке місце шаблону. Налаштування зберігаються в cookie: читач виставив комфортний розмір і бачить його при наступному заході. В адмінці задаються мін./макс. кегль (за замовчуванням 10 і 24 px) і крок зміни.

Версія 2.0.0 (квітень 2026) повністю переписана на vanilla JavaScript, прибрано залежність від jQuery. Плагіну 10+ років, він, форк давно закинутого font-resizer і підтримується Marcel Pol.

• Плюси: покращує accessibility без правки коду теми, налаштування в cookie, vanilla JS з 2026 року, сумісність із ClassicPress.
• Мінуси: не працює з темами, де кегль задано жорстко в px; тільки одне CSS-правило для ресайзу (кілька селекторів через кому).
• Ціна: Free.
• Завантажити: 🔗 Zeno Font Resizer на WordPress.org

Подивіться повний відеокурс з WordPress від MENDDO (2026): охоплює і встановлення тем, і налаштування типографіки, і роботу з плагінами.

⁉️🤔 Часті питання

Чи обов'язково хостити Google Fonts локально?

З точки зору GDPR, так, якщо у вас аудиторія з ЄС. У 2022 році німецький суд оштрафував власника сайту саме за передачу IP-адреси на сервери Google при завантаженні шрифтів. OMGF і Fonts Plugin Pro вирішують це одним перемикачем. Якщо аудиторія за межами ЄС, локальний хостинг залишається корисним для швидкості: ви прибираєте зайвий DNS-запит і завантаження шрифту із зовнішнього домену.

Чи можна підключити кириличний шрифт, якого немає в Google Fonts?

Так, для цього підійдуть Custom Fonts або Use Any Font. Завантажте .ttf- або .otf-файл кириличного шрифту (наприклад, із FontSquirrel або з платного каталогу на кшталт MyFonts), завантажте через плагін, і він з'явиться у списку доступних. Use Any Font автоматично сконвертує файл у woff2 для сумісності з усіма браузерами.

Скільки шрифтів можна ставити на один сайт?

Технічно, скільки завгодно. На практиці, не більше двох-трьох сімейств. Кожен додатковий шрифт додає HTTP-запит і збільшує загальний обсяг завантаження. WP Rocket і Kinsta рекомендують обмежуватися парою: один для заголовків, один для тексту. Якщо використовуєте варіативні шрифти (variable fonts), вистачить одного файлу на всі накреслення.

Навіщо потрібен Zeno Font Resizer, якщо в браузері і так є масштабування?

Браузерний зум змінює масштаб усієї сторінки, картинки, кнопки, відступи пливуть. Zeno змінює ТІЛЬКИ кегль тексту, зберігаючи верстку. Плюс не всі відвідувачі знають про Ctrl+/Ctrl-: видна кнопка «A+ A-» у сайдбарі вирішує цю проблему для літньої аудиторії та людей із порушеннями зору.

Що робити, якщо після встановлення плагіна шрифтів сайт почав завантажуватися повільніше?

Швидше за все, плагін тягне всі доступні накреслення шрифту (Regular, Bold, Italic, Light, до десятка файлів). Рішення: у налаштуваннях плагіна залиште тільки використовувані накреслення (зазвичай 400 і 700). Якщо плагін не дає такого налаштування, подивіться в бік OMGF, він вивантажує невикористовувані варіанти автоматично.

💎 Підсумки: що ставити під вашу задачу

П'ять плагінів закривають три принципово різні сценарії: підключення каталогу Google Fonts, завантаження своїх файлів і accessibility. Нижче, прямий розклад.

• Якщо вам потрібно швидко перебрати десяток шрифтів і вибрати найкращий, не залазячи в код, беріть Fonts Plugin. Він же підійде, коли у вас Adobe Fonts за підпискою.
• Якщо швидкість сайту та відповідність GDPR критичні, ставте OMGF. Він не про вибір шрифтів, а про їх правильну доставку: локально, з preload і без зовнішніх запитів.
• Якщо дизайнер надіслав брендовий.ttf-файл і сказав «щоб скрізь був цей шрифт», Use Any Font сконвертує і підключить. Custom Fonts візьміть, якщо конвертація не потрібна і важливіший сучасний інтерфейс + локальний хостинг Google Fonts в одному флаконі.
• Zeno Font Resizer додавайте останнім штрихом: це не про красу, а про повагу до читача, який хоче читати без лупи.

Почніть із безплатних версій: функціоналу Fonts Plugin Free + OMGF Free вистачить для більшості сайтів на WordPress. А який плагін шрифтів використовуєте ви, напишіть у коментарях.