Перейти до основного контенту

Як вибрати шрифт для сайту?

У цій статті описано, як працювати з шрифтовими парами у Onepage та імпортувати сторонні шрифти за допомогою користувацького коду

Автор: Dmytro

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

Водночас ви маєте цілковиту свободу в оформленні своєї сторінки: ви також можете завантажувати власні шрифти й комбінувати їх на свій розсуд. Так ви швидко та легко адаптуєте свій лендінг до фірмового стилю вашої компанії або ваших клієнтів.

📌 Примітка: шрифти налаштовуються окремо для кожного проєкту, тому змінювати їх потрібно в кожному проєкті окремо. Зміни не впливають на інші проєкти.


Налаштування шрифтової пари у Onepage

Крок 1: Відкрийте проєкт

Відкрийте свій проєкт і перейдіть до редагування будь-якої сторінки.

Крок 2: Відкрийте налаштування

У редакторі перейдіть до розділу «Дизайн» → «Типографія».
​

Крок 3: Додайте шрифтову пару

Ви можете вибрати і налаштувати готову шрифтову пару. Для цього натисніть на шрифтову пару, яку підходить, а потім — на «Додати шрифт».
​

Тепер ви можете внести різні зміни:

  • Змінити розмір базового шрифту

  • Змінити співвідношення заголовків і основного тексту

  • Змінити шрифт заголовків

  • Налаштувати товщину та міжрядковий інтервал зверху, знизу, зліва і справа

  • Увімкнути або вимкнути великі літери в заголовках

  • Змінити шрифт основного тексту, зокрема його товщину та міжрядковий інтервал

Завдяки цьому всі тексти ідеально відповідатимуть вашому бренду.

Крок 4: Додайте більше шрифтів

За потреби ви можете додати інші шрифти на додачу до шрифтів заголовків і тексту. Загалом в одній шрифтовій парі можна використовувати до 7 шрифтів.
​
Для цього натисніть «Додати шрифт» і виберіть потрібний шрифт.
​


Після всіх змін натисніть «Зберегти», щоб застосувати їх.
​


Використання шрифтів у тексті

Після налаштування шрифтової пари ви можете використовувати шрифти безпосередньо у своїх текстах. Виділіть потрібний текст або натисніть на нього, а потім відкрийте піктограму тексту. Натисніть на три крапки й виберіть один зі збережених шрифтів.
​


За замовчуванням для заголовків використовується заданий шрифт заголовків, а для основного тексту — шрифт тексту. Якщо ви хочете оформити окремі ділянки інакше, ви можете вручну застосувати до них один із доданих шрифтів.
​


Завантаження власного шрифту

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

📌 Примітка: завантаження власних шрифтів доступне з плану Essential.

Крок 1: Виберіть і завантажте шрифт

Шрифти можна знайти, наприклад, у таких сервісах:

Потім завантажте потрібний файл шрифту на свій комп'ютер.

Крок 2: Перевірте формат файлу

Для завантаження підтримуються такі формати:

  • WOFF2

  • WOFF

  • TTF

  • OTF

Розмір файлу не повинен перевищувати 10 МБ.

Крок 3: Завантажте шрифт у проєкт

Відкрийте свій проєкт і перейдіть до шрифтової пари. Натисніть на шрифт, який хочете замінити (наприклад, заголовок або текст), і виберіть «Завантажити шрифт».
​

📌 Примітка: одночасно можна завантажити до 20 файлів. Один файл шрифту може містити кілька накреслень (наприклад, Regular, Bold або Italic) — вони автоматично об'єднуються. Завантажені шрифти доступні лише в тому проєкті, для якого ви їх завантажили.

Крок 4: Застосуйте шрифт

Після завантаження новий шрифт з'явиться в розділі «Завантажені». Натисніть на нього, щоб використовувати його замість попереднього шрифту.
​

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


Поширені запитання

Що станеться, якщо я видалю шрифт?

Під час видалення шрифт вилучається повністю — разом з усіма його накресленнями.

Що станеться з дублікатами?

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

Що станеться в разі конфлікту назв?


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

Що станеться з пошкодженими файлами?


Якщо файл пошкоджений або має неприпустимий формат шрифту, буде відхилено лише цей окремий файл. Усі інші правильно завантажені файли будуть опрацьовані.


💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂

Ви отримали відповідь на своє запитання?