Як підключити будь-які шрифти для сайту

А почнемо ми з того, що відвідаємо веб сайт www.google.com/fonts/. Це ресурс різних шрифтів від Google, який допоможе нам в нашій задачі підключення шрифтів для веб сайту.

У випадаючому списку Script виберете Cyrillic (це для українських букв, а якщо будете писати англійською мовою, то відповідно залишайте Latin). А тепер вибирайте будь-який шрифт для вашого сайту, який доведеться Вам за смаком.

Після того, як шрифт буде обраний, натисніть на кнопку «Add to collection», після чого шрифт буде додано до колекцію.

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

Вставте скопійований код в код Вашої сторінки між тегами head. Тепер поверніться на сайт і скопіювати вміст пункту 4 і в стилях вашої веб сторінки застосуєте до потрібного елементу. У моєму прикладі я застосовую цей шрифт до тегу h3.

Чи не обмежуй себе при виборі шрифту!

Ось який шрифт ми побачимо, якщо запустити цей код в браузері.