Як додати шрифт на сайт

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

Як додати шрифт на сайт

Взагалі існує неймовірно велика кількість шрифтів, але для сайтів використовується лише кілька десятків стандартних.

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

Приклади стандартних шрифтів:

Arial
Verdana
Tahoma
Lucida
Trebuchet MS
Times New Roman
Georgia
Palatino Linotype
Comic Sans MS
Helvetica
Courier New
та інші.

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

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

Як додати шрифт на сайт

Якщо просто в CSS прописати назву нестандартного шрифту, то він працювати не буде. Він перетворюється в основний шрифт, який прописаний в стилях. Для того, щоб з'явився нестандартний шрифт, потрібно:

1. Знайти і завантажити шрифт в форматі ttf.

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

2. Завантажте файл шрифту по FTP в папку теми вашого блогу.

Як додати шрифт на сайт

Тобто шлях шрифту повинен бути наступний:

3. Вкажіть в файлі style.css шлях до шрифту.

Просто вставте ось цей невеликий шматочок коду:

Після проведених маніпуляцій, шрифт буде працювати на вашому сайті.

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

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

Можливо вас зацікавить: Де купити постової?

Схожі статті