Як підключити шрифт в css
Вітаю вас, дорогі друзі!
Сьогодні ми поговоримо про те, як підключити новий шрифт css до вашого сайту, що б зробити його більш оригінальним і привабливим для відвідувачів.
У стандартному наборі міститься велика кількість шрифтів, але, на жаль, вони не завжди відповідають нашим вимогам. У цьому випадку ми можемо вийти з ситуації, скачавши новий сподобався нам в інтернеті і підключити шрифт в css-файлі.
Навігація по статті:
Як підключити шрифт CSS?
- 1. Заходимо на сайт-каталог шрифтів. Їх легко можна знайти в пошуку. Нижче я приведу приклад одного досить зручного сайту, який я зазвичай використовую.
- 2. Вибираємо і викачуємо будь-який вподобаний нам. Найчастіше вам надається для скачування кілька файлів з різними варіантами виконання (жирний, курсив, і т.д.), а так само з різними розширеннями.
Для наших цілей краще всього підійде файл з розширенням .ttf, так як він підтримуватися всіма браузерами. Так само файл може бути в форматах .eot. woff. svg. Для підтримки даного шрифту в старих версіях Internet Explorer і деяких інших браузерів бажано підключити і формати .eot і .woff
Де завантажити шрифти для підключення до сайту через CSS?
На сьогоднішній день є величезна кількість різний ресурсів для скачування шрифтів, але особисто мені найбільше подобається ось цей: FontStorage.com
Ось його основні переваги в порівнянні з іншими ресурсами:
Як бачите, в підключенні шрифту в CSS немає нічого складно. Використовуючи показаний в цій статті спосіб, ви можете підключити до свого сайту будь-який вподобаний шрифт, і тим самим зробити його більш цікавим і оригінальним.
Так само, в одній з моїх минулих статей я розповідала, як підключити до сайту Google Fonts. Якщо вам цікаво, то ви можете ознайомитися зі статтею за цим посиланням: Красиві шрифти Google Fonts для вашого сайту
А на сьогодні у мене все. Бажаю вам успіхів у створенні сайтів!