Як додати нові шрифти (web-шрифти) - adobe muse уроки

Як додати нові шрифти в Adobe Muse?

У цьому уроці ви дізнаєтеся все про додавання нових шрифтів в програму Adobe Muse, крім тих, які вже встановлені в програму. Як додати нові шрифти в Вашу операційну систему, а також як додати нові web-шрифти і як правильно працювати зі шрифтами в програмі Adobe Muse.

Як додати нові шрифти. Про уроці.

Як додати нові шрифти. Види шрифтів в Adobe Muse.

Отже, поїхали. Відкриваємо програму Adobe Muse. Для того, щоб додати або видалити шрифти з програми, потрібно зайти в меню File -> Додати і видалити web-шрифти. Перед нами відкривається наступне віконце, в якому Adobe Muse дає нам інформацію про те, які шрифти ми можемо використовувати на яких умовах в програмі.

Перше: шрифти доступні в складі підписки на Creative Cloud. тут знаходяться тисячі професійних web-шрифтів з провідних шрифтоливарних майстерень для Adobe Muse. Якщо ви підписані на Creative Cloud, то ці шрифти будуть вам доступні.

Наступний набір шрифтів - це безкоштовні шрифти від Adobe. Тут немає ніяких обмежень, можна вибирати з сотень безкоштовних шрифтів і використовувати їх на совем web-сайті та при цьому не потрібно ніяких підписок ні на які сервіси.

Наступний вид - це локальні web-шрифти. тобто ви можете додавати ваші власні web-шрифти в програму і вставляти їх в дизайни і публікувати в інтернеті за допомогою Adobe Muse.

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

Як додати нові шрифти. Шрифти Creative Cloud.

Отже, перший вид шрифтів - це шрифти, доступні в складі підписки на Creative Cloud. Тут, як ви бачите, дуже багато різних шрифтів, самих різних, і вибір може здаватися дуже довгим, якщо не використовувати фільтри. У програмі Adobe Muse дуже зручно використовувати фільтри для пошуку необхідних web-шрифтів. Фільтри являють собою таку ось закладочку, де ми можемо за класифікацією вибрати необхідні нам web-шрифти, будь то шрифти без зарубок, із зарубками або з широкими зарубками або якісь декоративні шрифти, рукописні. Ми можемо фільтрувати їх за класифікаціями.

Пошук шрифтів по області застосування.

Пошук шрифтів за властивостями.

Далі ми можемо вибирати шрифти за їх властивостями. Це світлі або жирні, вузькі шрифти або широкі, з високою контрастністю або з низькою контрастністю, так само низькі або високі по висоті, так само великі та малі літери або тільки великі. Так само можемо впорядкувати шрифти по тому, як відображаються в них цифри. Вот такой вот широкий діапазон ми можемо використовувати для отфільтровка непотрібних нам web-шрифтів або навпаки, для пошуку необхідних шрифтів.

Пошук шрифтів по зображенню.

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

Як додати нові шрифти. Безкоштовні веб-шрифти Adobe.

Як і в попередній вкладці ми можемо вибрати кілька шрифтів і подивитися, які шрифти у нас обрані. Я вже раніше вибирав шрифти і ось ті шрифти, які я іноді використовую в своїх проектах з тих безкоштовних шрифтів, які пропонує Adobe Muse.

Як додати нові шрифти. Локальні веб-шрифти.

Наступна закладка - це локальні web-шрифти, які ви бачите у мене вже тут є кілька шрифтів. Це шрифти, які я додав до програми сам, це web-шрифти. За допомогою закладочкі «Управління» я можу тут видаляти або додавати, або налаштовувати свої шрифти. Так само можна натиснути на клавішу «Додати web-шрифти» і вибрати папку, де зберігається мій web-шрифт. Він буде у вигляді трьох файлів з розширеннями, зазначеними ось тут. Ось ці три фала повинні бути обов'язково для того, щоб використовуватися в програмі. Щоб додати локальний web-шрифт в програму, шрифт повинен бути встановлений в системі!

Шрифти - тексти 🙂

Ми бачимо, що зараз Adobe Muse додає в мою колекцію шрифтів ті шрифти, які я вибрав, і далі ми можемо використовувати дані web-шрифти в Adobe Muse. Давайте спробуємо тепер вибрати будь-якої шрифт. Ми бачимо, що з тих шрифтів, які є у мене в закладках, - web-шрифти. Їх досить багато, оскільки я вже додавав їх в програму. Трохи пізніше я покажу, як це робиться. А зараз давайте виберемо, наприклад, B20 SANS. Ми бачимо, що даний шрифт є web-шрифтом, і програма буде його відображати у вигляді символів, букв і цифр.

Шрифти - картинки 🙁

Якщо ж ми вибираємо для нашої написи будь-якої шрифт, який не є web-шрифтом, але наявний в нашій системі, тобто в системі Windows, наприклад, у мене є безліч різних шрифтів, які не є web-шрифтами, наприклад, шрифт Calibri якщо я виберу, то ми бачимо, що шрифт Calibri не є web-шрифтом і Adobe Muse при розміщенні його на сайті буде конвертувати цей напис у вигляді картинки. Це, звичайно ж, збільшить навантаження сторінки, тобто збільшить її розміри, вона буде довше завантажуватися, якщо ми будемо використовувати стандартні шрифти, що знаходяться в нашій системі. Те, що цей шрифт не є web-шрифтом ми бачимо по невеликому значку, який Muse вказує при використанні шрифтів. Давайте я знову виберу якийсь web-шрифт b20 sans, і ми бачимо, що значок зник і тепер програма Adobe Muse відображатиме нам шрифт у вигляді символів, букв і цифр. Ось так.

Як додати нові шрифти. Де брати WEB-шрифти?

Далі давайте тепер розглянемо кілька ресурсів, де можна взяти web-шрифти. Я вже підготував парочку закладок. Я можу показати вам, наприклад, сайт fontsquirrel.com. У самій назві сайту написано «100% безкоштовних, для комерційного використання». Тобто ви можете брати цей шрифт, завантажувати його в свою систему, встановлювати і використовувати в програмі для абсолютно будь-яких завдань. Це безкоштовні web-шрифти. Тут, в основному, зібрані латинські шрифти.

Є ще один ресурс webfont.ru. Це вже російський сайт, як ви бачите, тут ми зможемо так само безкоштовно завантажити більшість шрифтів для ваших сайтів, тобто абсолютно різні web-шрифти абсолютно безкоштовно можна завантажити на цьому сайті. Наприклад, я виберу шрифти без зарубок, і ви бачите, що дуже багато кириличних web-шрифтів доступні тут для скачування абсолютно безкоштовно.

Як додати нові шрифти. Конвертація звичайних шрифтів в Web-шрифти.

Наступний момент, на який я хотів звернути увагу, - це конвертація шрифтів зі звичайного формату в web-формат для того, щоб додавати їх в Adobe Muse. Давайте спробуємо завантажити який-небудь шрифт, наприклад, я виберу шрифт Airport. Ми зберегли web-шрифт. Заходжу в папку «Завантаження». Я скачав шрифт з сайту webfont.ru, тепер я йду на інший сайт. Сайт називається everythingfonts.com. Далі font-face generator.

Що тут ми можемо зробити? Тут ми обов'язково повинні поставити «Yes». Тут все на англійському, але в принципі, все інтуїтивно і зрозуміло. Далі ми натискаємо на ось цю синю кнопочку «Pick Font File» і ми повинні вибрати той шрифт, який тільки що завантажили. Він у нас знаходиться в папці «Завантаження». Нам потрібно розпакувати той архів, який ми завантажили. Для цього я знову йду сюди, розпакуйте цей архів прямо сюди - в папку Airport. Ми бачимо, що у нас тут вже є web-шрифти. В принципі, можемо його НЕ конвертувати, а відразу додати в Muse.

Важливо! Додавання системного шрифту в ОС Windows.

Для того, щоб додати шрифт в програму Adobe Muse, ми повинні додати цей шрифт в свою систему!

Для цього я 2 рази клікнув на файл шрифту з буквою «А», і у мене автоматично вискочило таке віконце. Я натискаю кнопку «Встановити» і шрифт встановлюється в мою систему. Все, шрифт встановлений в моїй системі.

Додавання готового веб-шрифту в Adobe Muse.

Далі я йду в програму Adobe Muse, натискаю File -> Додати / видалити web-шрифти -> Локальні шрифти -> Додати шрифти -> Огляд. Іду в папку «Завантаження». Ми повинні вибрати папку, в якій зберігаються наші web-шрифти. Я вибираю папку Airport, натискаю «Вибір папки» і сама програма Adobe Muse знайшла в ній 2 файли з web-шрифтами. Тут ми повинні погодитися з тим, що дані шрифти ліцензовані для використання на web-сайті, ставимо галочку і натискаємо «Продовжити».

Далі ми бачимо, що наш шрифт Airport regular успішно доданий і тепер, наприклад, ми можемо його вибрати. Подивимося, ось файл Airport тепер знаходиться в списку web-шрифтів, які ми можемо використовувати в програмі Adobe Muse. Я натискаю на цей шрифт, і ми успішно додали свій web-шрифт на сайт в програму Adobe Muse.

Додавання веб-шрифту в Adobe Muse з конвертацією на сервісі.

Давайте спробуємо виконати шрифтом Airport конвертацію шрифту. Для цього ми натискаємо «Pick Font File», заходимо в Airport. Припустимо, що у нас немає ось цих всіх файлів, я їх навіть видалю, припустимо, у нас є один файл, який вже встановлений в системі і у нас є тільки файл, який ми можемо використовувати в системі, він не є файлом web-шрифта і нам необхідно його конвертувати в web-формат. Ми виділяємо цей файл, натискаємо «Відкрити», бачимо, що сайт підхопив цей шрифт і натискаємо «Convert». Проходить деякий час, необхідний для конвертації шрифту, і далі сам сайт пропонує нам зберегти вже сконвертовані шрифт в будь-яку папку. Я натискаю «Окей».

Давайте перейдемо в «дорослих» і ось у цій папці у нас зберігся шрифт. Ми бачимо, що програма створила крім стандартного шрифту Windows ще кілька файлів. Тепер ми йдемо знову в програму Adobe Muse. File -> Додати або видалити web-шрифти -> Додати web-шрифти. Натискаємо огляд і тепер давайте додамо ось цю папку і бачимо, що тепер програма підхопила цілих три файли. Погоджуємося з умовами, натискаємо «Продовжити». Наш шрифт Airport regular успішно доданий.

Як додати нові шрифти. Висновок.

Схожі статті