Як встановити шрифт на сайт - простий спосіб установки
У минулій статті я показував вам, як встановити шрифт в windows 7. Це було дуже легко. Може бути, вам також потрібно знати, як встановити шрифт на сайт. Це трохи складніше. Наступні дії.
Як встановити свій шрифт на сайт
Я буду використовувати сервіс fontsquirrel. Справа в тому, що він дуже добре допомагає в процесі установки на сайт. На сайті можна скачати багато безкоштовних шрифтів в форматах otf і ttf. Так, качайте прямо зараз будь-хто. Наприклад, Troika, яким у мене написано назву сайту в шапці (в пошуку введіть, якщо що). Ви можете завантажити шрифти і в іншому місці, необов'язково тут. Але цей сайт нам обов'язково знадобиться.
Всі ми, вебмастера і розробники, постійно працюємо з сайтами. Хотів би вам порекомендувати майданчики, якими користуюся сам:- Reg.ru - тут реєструю і продовжую доменні імена, дуже надійна компанія!
- HostIQ - хостинг преміум якості.
- Ihor - більш бюджетний, але теж дуже якісний хостинг-провайдер.
- Telderi.ru - єдина надійна біржа в рунеті, на якій можна купити готові сайти з доходом!
Поки не йдіть з сайту. Натисніть на вкладку «Generator». Там тиснете «Upload Fonts» і вибираєте файл з шрифтом, який ви завантажили. З трьох запропонованих варіантів краще вибирайте Optimal. Не забудьте поставити галочку, що згодні з призначеним для користувача угодою. Після цього з'явиться кнопка завантаження згенерованого архіву з файлами.
Власне установка на сайт
Перейменуйте папку з файлами в назву шрифту. Тепер її потрібно скопіювати на ваш сайт. Можна зробити це через FTP або диспетчер файлів у вашій CPanel. Копіюйте в спеціально створену для цього директорію fonts.
Відкривайте папку з файлами нашого шрифту. Нас там цікавить файл stylesheet.css. Там вже міститься весь код, який потрібно вставити в основну таблицю стилів вашого сайту (style.css). Ви можете просто вставити його і не замислюватися про синтаксис. Але я все-таки наведу пару пояснень.
font-family - назва шрифту. Саме його потрібно буде прописувати в стилях того елемента, якому потрібно задати новий шрифт.
src - шляхи до файлів шрифту. Eot, woff і ttf - це основні формати шрифту, які потрібні браузерам. Це необхідно для кросбраузерності. В общем-то вам не потрібно нічого змінювати. Просто скопіюйте код, бажано в початок вашої таблиці стилів.
перевіряємо роботу
Тепер залишилося тільки перевірити, чи працює. Задайте якомусь селектору (наприклад, заголовку) правило font-family: назва шрифту. Важливе зауваження! Не всі шрифти підтримують кирилицю, деякі можуть працювати тільки якщо ви напишіть щось по-англійськи. Демонстрація того, що шрифт успішно встановлений і працює:
The font 'Troika' is successfully installed.
Сподіваюся, вам стало зрозуміліше, як встановити шрифт на сайт. Використовуйте генератор fontsquirrel і без проблем встановлюйте будь-які шрифти в свій проект.