Використовуючи сотні нових шрифтів від провідних розробників з усього світу, Typekit допомагає додати солідності вашому сайту. Безумовно, для професійного дизайнера це кращий варіант - скористатися пошуком потрібного шрифту на Typekit.
Ви отримуєте доступ до продуктів компаній лідерів, що спеціалізуються на розробці шрифтів: Adobe, FontFont, P22, Typodermic і Veer. І, звичайно, сервіс тісно інтегрований з робочим потоком Creative Cloud. Почати роботу з Typekit можна в дев'ять простих кроків.
03. Створення нового набору
Натисніть на кнопку виклику меню, розташовану у верхньому правому кутку сторінки, і виберіть пункт «Додати новий набір». Даний набір буде доступний для вашого доменного імені. Далі введіть інформацію про домен, на якому ви плануєте його використовувати, і натисніть кнопку «Продовжити» для створення набору.
05. Вибір шрифту
Як тільки ви вибрали шрифт, який хотіли б використовувати, наведіть курсор миші на його превью, щоб побачити різні способи його використання. Деякі шрифти доступні також для використання на вашому комп'ютері, для цього можна скористатися спеціальною бета-версією програми. Натисніть на посилання «Використання шрифтів», щоб продовжити.
06. Додавання набору
У спливаючому діалоговому вікні виберіть набір, в який ви хотіли б додати шрифт. Ви також можете перевірити сумісність обраних шрифтів з InDesign, Photoshop, Illustrator і іншими програмами, встановленими на вашому комп'ютері. Для вибору набору з створених раніше потрібно відкрити нове вікно.
07. Вибір додаткових налаштувань
Якщо ви використовуєте шрифт в інтернеті вміст цього шрифту завантажується в браузер кожного відвідувача сайту. Якщо у вас задана установка на завантаження всіх символів в повному обсязі, це може бути досить великий потік даних. У Typekit існує можливість вибору додаткових налаштувань для обсягу і складу набору, що дозволяє істотно знизити навантаження.
08. Додавання класів і сховищ шрифтів
Ви також можете вказати альтернативні шрифти для використання в даному стилі CSS. Для цього потрібно заповнити форму в нижній лівій частині панелі.
09. Опублікуйте набір і приступайте до роботи
Переклад статті «How to embed web fonts into your site with Typekit» був підготовлений дружною командою проекту Сайтобудування від А до Я.