Как добавить новые шрифты

Как добавить новые шрифты (web-шрифты)

Как добавить новые шрифты в Adobe Muse?

В этом уроке вы узнаете все о добавлении новых шрифтов в программу Adobe Muse, помимо тех, которые уже установлены в программу. Как добавить новые шрифты в Вашу операционную систему, а также как добавить новые web-шрифты и как правильно работать со шрифтами в программе Adobe Muse.

Как добавить новые шрифты. Об уроке.

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

Как добавить новые шрифты. Виды шрифтов в 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-шрифты, будь то шрифты без засечек, с засечками или с широкими засечками или какие-нибудь декоративные шрифты, рукописные. Мы можем отфильтровывать их по классификациям.

Поиск шрифтов по области применения.

Так же мы можем отфильтровывать шрифты по рекомендуемой области применения, то есть либо шрифты используются в заголовках, либо в абзацах. Например, мы хотим использовать шрифты без засечек. Я нажимаю вот на ту клавишу, она подсвечивается синим цветом, и все шрифты без засечек — вот они у нас предлагаются в программе. Далее, например, мне нужны шрифты для абзацев и, как мы видим, вот программа Adobe Muse отфильтровала все шрифты, которые могут использоваться в абзацах, либо в заголовках. Вот я сейчас отключу.

Поиск шрифтов по свойствам.

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

Поиск шрифтов по начертанию.

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

Как добавить новые шрифты. Бесплатные веб-шрифты Adobe.

Следующий вид web-шрифтов — шрифты бесплатные, на которые не требуется никакой подписки в программе. Здесь так же довольно широкий выбор и так же можно использовать фильтр для поиска необходимых web-шрифтов. Единственное, что немножко здесь скуднее — фильтр поиска. Мы видим, что можно отфильтровать только по начертанию (без засечек или с засечками) или декоративные шрифты, то есть по классификации, либо по рекомендуемой области применения. Остальные функции поиска здесь у нас недоступны.

Как и в предыдущей вкладке мы можем выбрать несколько шрифтов и посмотреть, какие шрифты у нас выбраны. Я уже ранее выбирал шрифты и вот те шрифты, которые я иногда использую в своих проектах из тех бесплатных шрифтов, которые предлагает 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 успешно добавлен.

Как добавить новые шрифты. Заключение.

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

На этом все, дорогие друзья. В этом видеоуроке мы рассмотрели как добавить новые шрифты, а также способы добавления и удаления шрифтов в программе Adobe Muse. Подписывайтесь на мой канал, смотрите предыдущие и следующие видеоуроки. Я желаю вам всего доброго, хорошего настроения и до связи, друзья.

Смотрите также эти видеоуроки по теме работы с текстами:

Создание текстовых блоковОбводка текста в Adobe Muse

 

Автор видеоурока
Дмитрий Шаповалов

Оставить комментарий

Подтвердите, что Вы не бот — выберите самый большой кружок: