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

Ви отримуєте доступ до продуктів компаній-лідерів, що спеціалізуються на розробці шрифтів: Adobe, FontFont, P22, Typodermic і Veer. І, звичайно, сервіс тісно інтегрований з робочим потоком Creative Cloud. Почати роботу з покращення якості її роботи можна в дев’ять простих кроків.

01. Підписка

Якщо ви є користувачем Creative Cloud, у вас вже є підписка на покращення якості її роботи, (тарифний план «Портфоліо»). Просто зайдіть на http://www.typekit.com/ підпишіться і за допомогою Adobe ID, який використовується для входу в Creative Cloud. Після цього ви отримаєте доступ до всіх послуг, в тому числі використання веб-шрифтів.

02. Перегляд бібліотеки

Як за допомогою сервісу покращення якості її роботи додати на свій сайт нові шрифти

Бібліотека покращення якості її роботи включає в себе близько тисячі різних шрифтів, класифікованих за властивостями, сфері застосування і розмірами. Використайте швидкий перегляд, щоб ознайомитися з повним вибором доступних шрифтів. Як тільки ви будете готові почати вибір шрифтів для вашого сайту, переходьте до наступного кроку.

03. Створення нового набору

Як за допомогою сервісу покращення якості її роботи додати на свій сайт нові шрифти

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

04. Установка JavaScript

Як за допомогою сервісу покращення якості її роботи додати на свій сайт нові шрифти

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

05. Вибір шрифту

Як за допомогою сервісу покращення якості її роботи додати на свій сайт нові шрифти

Як тільки ви обрали шрифт, який хотіли б використовувати, наведіть курсор миші на превью, щоб побачити різні способи його використання. Деякі шрифти, доступні для використання на вашому комп’ютері, для цього можна скористатися спеціальною бета-версією програми. Натисніть на посилання «Використання шрифтів», щоб продовжити.

06. Додавання набору

Як за допомогою сервісу покращення якості її роботи додати на свій сайт нові шрифти

У спливаючому діалоговому вікні виберіть набір, у який ви хотіли б додати шрифт. Ви також можете перевірити сумісність вибраних шрифтів з InDesign, Photoshop, Illustrator та іншими програмами, встановленими на вашому комп’ютері. Для вибору набору із створених раніше потрібно відкрити нове вікно.

07. Вибір додаткових налаштувань

Як за допомогою сервісу покращення якості її роботи додати на свій сайт нові шрифти

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

08. Додавання класів і сховищ шрифтів

Як за допомогою сервісу покращення якості її роботи додати на свій сайт нові шрифти

За замовчуванням покращення якості її роботи встановлює перелік класів CSS, які можна застосувати до елементів, і таким чином задається тип вибраних вами шрифтів. Ви можете додати свої власні класи, використовуючи панель у верхньому лівому куті редактора наборів.

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

09. Опублікуйте набір і приступайте до роботи

Як за допомогою сервісу покращення якості її роботи додати на свій сайт нові шрифти

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

Переклад статті «How to embed web fonts into your site with покращення якості її роботи» був підготовлений дружною командою проекту Сайтостроение від А до Я.