Привіт, дорогі читачі і гості блогу! Сьогодні я розповім як додати шрифт на сайт, а якщо бути точніше, я покажу як додати на ваш улюблений блог нестандартний і унікальний шрифт. Приклад подібного шрифту ви можете бачити у мене в шапці блогу, ця назва і опис блогу.
![Як додати шрифт на сайт (сайт) Як додати шрифт на сайт](https://images-on-off.com/images/126/kakdobavitshriftnasayt-542f5881.jpg)
Взагалі існує неймовірно велика кількість шрифтів, але для сайтів використовується лише кілька десятків стандартних.
Стандартні шрифти це ті, які гарантовано однаково відображаються у всіх операційних системах і браузерах світу.
Приклади стандартних шрифтів:
Arial
Verdana
Tahoma
Lucida
Trebuchet MS
Times New Roman
Georgia
Palatino Linotype
Comic Sans MS
Helvetica
Courier New
та інші.
Нестандартні шрифти не гарантують коректного відображення у всіх браузерах. Але і серед них є чимало таких, які підтримують популярні браузери і операційні системи.
Буває так що знаходиш цікавий шрифт і хочеться встановити його на свій блог, як сталося в моєму випадку. Мені сподобався шрифт Mistral, який ви зараз можете бачити в шапці блогу.
![Як додати шрифт на сайт (шрифт) Як додати шрифт на сайт](https://images-on-off.com/images/126/kakdobavitshriftnasayt-2be44101.jpg)
Якщо просто в CSS прописати назву нестандартного шрифту, то він працювати не буде. Він перетворюється в основний шрифт, який прописаний в стилях. Для того, щоб з'явився нестандартний шрифт, потрібно:
1. Знайти і завантажити шрифт в форматі ttf.
Просто наберіть в рядку пошуку «Завантажити шрифти». виберете сподобалися (обов'язково переконайтеся, що шрифт підтримує кирилицю).
2. Завантажте файл шрифту по FTP в папку теми вашого блогу.
![Як додати шрифт на сайт (сайт) Як додати шрифт на сайт](https://images-on-off.com/images/126/kakdobavitshriftnasayt-8932d34c.jpg)
Тобто шлях шрифту повинен бути наступний:
3. Вкажіть в файлі style.css шлях до шрифту.
Просто вставте ось цей невеликий шматочок коду:
Після проведених маніпуляцій, шрифт буде працювати на вашому сайті.
Звичайно, у нестандартних шрифтів є невеликий мінус. Якщо він не підтримується ОС користувача, браузер відправить додатковий запит до папки зі шрифтом, а для вас не секрет, що чим більше запитів, тим повільніше вантажиться блог. Я поки ніяких особливих змін в завантаженні не помітив, тому вирішив його поки залишити.
Серед плюсів, це звичайно ж оригінальність. Стандартні шрифти використовують все, і це добре. Вони прості і легко сприймаються, але в деяких випадках трохи креативу не завадить. Наприклад, можна все заголовки статей зробити оригінальними, додавши цікавий шрифт на сайт.
Можливо вас зацікавить: Де купити постової?