У цій статті ми докладніше розглянемо можливості роботи з текстом в програма Adobe Muse, типи і підключення шрифтів.
Типи шрифтів і додавання Typekit
У розділі «Текст» є параметри і типи шрифтів: останні використані шрифти, веб-шрифти, шрифти, відповідні веб-палітрі (ті, які правильно відображаються в пристроях), системні шрифти (ті шрифти, які є у вас на комп'ютері, експортуються в вигляді зображення, і не індексуються за допомогою пошукових систем, значить Яндекс і Google не побачать текст і його не знайдуть люди). Потрібно використовувати не системні шрифти, а шрифти, відповідні веб-палітрі, або веб-шрифти, які завантажуються з сервера і дозволяють використовувати не стандартні версії.
Щоб додати шрифт, натискаємо «Додати веб-шрифти», відкривається палітра Typekit (бібліотека Adobe Muse, яка підключає нестандартні шрифти, які відображаються у вигляді тексту). Знаходимо потрібний шрифт тут, і він автоматично завантажується. Тепер вибираємо його в бібліотеці зі шрифтами, він завантажується до проекту. Тепер вибираємо його в розділі «Веб-шрифти». Багато шрифти не підтримують кириличні символи. Внизу я прикріпив таблицю зі шрифтами, які підтримують кирилицю. Використовуйте її і ні в якому разі не використовуйте шрифти, які експортуються у вигляді картинки. Вони ніяк не індексуються пошуковими системами.
Як підключити Google Fonts
На сайті Google fonts. отфильтруйте шрифти по скрипту, виберіть тільки кириличне написання. Якщо ви хочете використовувати нестандартний шрифт, додайте його в колекцію «add to collection» натисніть «use», виберіть потрібні накреслення. З пункту «3. Add this code to your website »скопіюйте код і вставте в Adobe Muse в властивості сторінки в html для head. Перейдіть на нову сходинку, натисніть Enter і напишіть наступне: . Натискаємо ОК і виділяємо текст, який редагуємо і пишемо що це H1 (заголовок). Таким чином ми вказали відповідність між двома заголовками.
Як підключити свій шрифт
Після завантаження, встановіть шрифт. На Mac і PC натискаючи на кнопку «Встановити шрифт». Нам потрібно, що б він встановився в декількох форматах. Для цього використовуй Online font converter Перенесіть сюди шрифт в ttf форматі. Потрібно зробити формат eot, svg, woff. Натисніть на ці формати, вони конвертуються, після чого клікніть на відповідні кнопки. Збережіть. У вас вийде 3 архіву, кожен розпаковуєте і забираєте потрібні файли. Відкриваєте Adobe muse і, вибравши інструмент «текст», набираєте текст і йдете в розділ «додати веб-шрифти». В даному випадку нам потрібні локальні веб-шрифти. Натискаєте «додати шрифти». З'являється віконце, де можна або вибрати папку, або перетягнути файл. Я віддаю перевагу перетягувати файли. Виділяємо потрібні і перетягуємо сюди. Натискаю «Дані шрифти ліцензовані» і «Продовжити». З'явилася галочка, значить шрифт встановився.
Іноді, шрифти викачуються відразу з web-версіями, це спрощує роботу, вам потрібно встановити ttf, а потім перетягнути ці три файли до проекту в Muse.
- Скачайте вихідний файл проекту.
- Спробуйте протестувати роботу з Google Fonts
- Підключіть свій шрифт до сайту і навчитеся на його основі робити конвертацію шрифтів в Adobe Muse.