Из данной статьи вы узнаете, как пользоваться шрифтовым оформлением и шрифтами в Adobe Muse.

Примечание.

Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите страницу прекращения обслуживания Adobe Muse.

Примечание.

Typekit теперь называется Adobe Fonts и входит в состав Creative Cloud и других подписок. Подробнее.

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

Добавить текст на веб-страницу можно следующими способами:

  • ввести текст прямо на страницу с помощью инструмента «Текст»;
  • поместить текстовое содержимое из внешнего файла TXT с помощью меню «Файл» > «Поместить»;
  • скопировать текст из внешнего источника и вставить его на страницу.

Создав текстовый фрейм с текстом, можно использовать параметры на панели «Текст» или на панели элементов управления, чтобы задать цвет, размер, стиль шрифта, выравнивание и другие параметры форматирования. В меню «Шрифт» также можно выбрать шрифт (например, Arial или Helvetica), соответствующий дизайну страницы.

В этой статье мы рассмотрим три различных типа шрифтов, доступных в меню «Шрифт». Вы узнаете о преимуществах и возможных проблемах, связанных с использованием каждого типа шрифтов, а также о способах управления текстом и редактирования текстовых фреймов.

Разница между веб-шрифтами, стандартными шрифтами и системными шрифтами

При применении шрифта для форматирования текстовых материалов можно выбрать один из трех вариантов.

  • Веб-шрифты
  • Стандартные шрифты
  • Системные шрифты

Ниже приведено краткое описание каждого из этих вариантов.

Веб-шрифты приложения Adobe Muse включают в себя шрифты Typekit, веб-шрифты Edge и локальные веб-шрифты. Они предоставляют доступ к обширной библиотеке с сотнями шрифтов, которые можно применить к страницам в приложении Adobe Muse. При применении веб-шрифтов к текстовым материалам в приложении Adobe Muse на странице автоматически добавляется код для создания ссылок на семейство шрифтов. При открытии страницы в браузере выполняется загрузка веб-шрифтов, необходимых для визуализации страницы и отображения содержимого в виде текста. Это обеспечивает значительные преимущества, так как позволяет применять разнообразные шрифты для оформления заголовков и других важных текстовых материалов, а также обеспечивает визуализацию текста на опубликованных и экспортированных страницах с возможностью выбора фрагментов текста. Однако применение большого количества шрифтов на одной веб-странице нежелательно. Как и в случае перегруженности изображениями, большое количество связанных файлов приводит к замедлению загрузки страницы в браузере. При оформлении веб-страниц рекомендуется применять не более трех веб-шрифтов на каждой странице и следить за тем, чтобы размер шрифтов был достаточным для удобного чтения текста. Подробную информацию см. в разделе Typekit и другие веб-шрифты.

Стандартными шрифтами (с резервными символами) называются шрифты, которые с большой вероятностью установлены на всех компьютерах, используемых для доступа к сайту. К ним относятся шрифты стандартных семейств, таких как Arial, Georgia и Times New Roman. Набор стандартных шрифтов ограничен, однако каждый из них поддерживает функциональные возможности работы с текстом. Стандартные шрифты быстро загружаются, но не предназначены для декоративного оформления. Поскольку стандартные шрифты оптимизированы для удобства чтения на веб-страницах, их рекомендуется выбирать при форматировании длинных абзацев текста. Для быстрой загрузки сайта и удобной работы с ним следует по возможности применять стандартные шрифты.

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

Для применения шрифта любого из трех типов выберите текст с помощью инструмента «Текст», затем выберите требуемый пункт в меню шрифтов.

Меню «Шрифты»
Выбор шрифта в меню шрифтов.

В верхней части меню Шрифт отображается список последних использованных шрифтов. Это упрощает их повторное применение при оформлении страниц. Если позднее вам потребуется сократить список последних использованных шрифтов или удалить его, настройки можно будет изменить в разделе «Установки» приложения Adobe Muse.

Недавно использованные шрифты
Задание количества последних использованных шрифтов или удаление их списка из меню шрифтов.

В следующих разделах приведено более подробное описание каждого типа шрифтов, а также влияние каждого из них на отображение текстового содержимого на опубликованном веб-сайте.

Применение шрифтов к выделенному тексту

Для наилучшего отображения шрифтов выберите шрифт, подходящий для целей его использования. Например, при применении шрифта к абзацам (большие отрывки непрерывного текста с более мелким размером шрифта) избегайте использования витиеватых, декоративных шрифтов (которые главным образом предназначены для заголовков, имеющих более крупный размер шрифта).

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

Кроме того, шрифт абзаца должен иметь обычный стиль, курсив, полужирный или полужирный курсив, позволяя выделять определенные части текста, например имена людей, названия книг и фильмов и другое специальное содержимое абзаца. Большинство семейств декоративных и высоко стилизованных шрифтов не имеют таких стилей.

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

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

  1. С помощью инструмента «Текст» выделите текст в текстовом фрейме.

  2. В меню «Шрифт» нажмите «Веб-шрифты» и выберите в списке имя семейства шрифтов.

    Выбор веб-шрифтов
    Выбор имени шрифта для применения веб-шрифта к выделенному текстовому содержимому.

    Применив к тексту веб-шрифт, системный или стандартный шрифт, можно настроить его размер, цвет и другие атрибуты на панели «Текст» или с помощью параметров на панели элементов управления.

    Примечание.

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

  3. Завершив разработку сайта, нажмите «Предварительный просмотр» для просмотра оформления сайта в приложении Adobe Muse. Или выберите «Файл» > «Предварительный просмотр страницы в браузере», чтобы просмотреть дизайн сайта в окне браузера.

    Как уже говорилось выше, веб-шрифты особенно полезны для разработки привлекательных страниц, поскольку они предоставляют огромный выбор шрифтов и (в отличие от системных шрифтов) обеспечивают экспорт уникального шрифтового оформления страницы в виде текста, а не файлов изображений.

  4. Обратите внимание, что при предварительном просмотре страницы в браузере текст с веб-шрифтом отображается как текстовое содержимое. Попробуйте выделить и скопировать его, чтобы проверить его функционирование.

    Текст с веб-шрифтом доступен для выделения
    Текст с веб-шрифтом доступен для выделения в браузере, поскольку он экспортируется как текст.

Экспорт текстового содержимого предпочтительней в виде текста, а не изображений. При использовании системных шрифтов текстовое содержимое экспортируется в виде изображений, что увеличивает время загрузки страниц.

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

Отображение веб-шрифтов в виде текста позволяет улучшить результаты поиска сайта, поскольку при индексировании содержимого веб-сайтов поисковым системам легче анализировать текстовое содержимое, чем файлы изображений. Поэтому использование веб-шрифтов позволяет увеличить посещаемость сайта и более эффективно загружать страницы.

И наконец, текстовое содержимое облегчает навигацию по сайту посетителям, использующим программы чтения с экрана. Отображение таких важных элементов страницы, как заголовки, в виде текста делает сайт более доступным для всех посетителей.

Работа со стандартными шрифтами

Меню «Шрифты» содержит раздел со списком стандартных шрифтов. Стандартные шрифты можно свободно применять к проектируемым страницам, поскольку они установлены на всех современных компьютерах. Вам не нужно устанавливать на компьютер ничего нового, и посетители также будут иметь эти шрифты на своих компьютерах для отображения текста на страницах.

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

Стандартные шрифты обладают такими же преимуществами отображения текста в виде текста, как и веб-шрифты:

  • посетители могут выделять, копировать и вставлять содержимое веб-страниц;
  • страницы с текстовым содержимым загружаются быстрее, чем страницы с изображениями;
  • результаты поиска улучшаются, поскольку поисковые системы могут индексировать текстовое содержимое;
  • посетителям, использующим программы чтения с экрана, проще использовать текстовое содержимое, чем изображения.

Однако недостатком использования стандартных шрифтов является их ограниченное количество.

При выборе стандартных шрифтов в меню «Шрифт»·отображается их полный список.

Полный список стандартных шрифтов
Выберите раздел «Стандартные шрифты» в меню «Шрифт» для просмотра полного списка шрифтов.

Список стандартных шрифтов:

  • Arial
  • Comic Sans
  • Courier New
  • Geneva
  • Georgia
  • Helvetica
  • Lucida Sans
  • Palatino
  • Times
  • Trebuchet
  • Verdana

Обратите внимание, что при наведении указателя мыши на параметр отображается подсказка с альтернативным списком шрифтов.

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

Стандартные шрифты рекомендуется использовать для создания страниц с удобочитаемым текстовым содержимым и удобной навигацией. Однако ограниченное количество затрудняет выбор необходимого начертания, удовлетворяющего эстетическим требованиям сайта.

Работа с системными шрифтами

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

Например, при создании сайта о землетрясениях можно установить шрифт с неровным или «потрескавшимся» видом, чтобы заголовки страницы соответствовали теме проекта. Любой установленный шрифт можно использовать в приложении Adobe Muse, поэтому вы не ограничены в разработке макета страницы и ее оформлении (также можно использовать пользовательский шрифт клиента на его сайте). Благодаря широкому выбору уникальных системных шрифтов страницам можно придать особую изюминку.

Посетители увидят текст с системными шрифтами именно так, как он был оформлен, даже если эти шрифты не установлены на их компьютере. С этой целью приложение Adobe Muse автоматически экспортирует текст с системными шрифтами в виде файлов изображений. Это незаметная операция, которая проходит в фоновом режиме. При проектировании страниц текст с системными шрифтами остается доступным для редактирования, позволяя вносить изменения.

При выборе в меню «Шрифт» раздела «Системные шрифты» откроется полный список шрифтов, установленных на компьютере.

Список системных шрифтов
Раздел «Системные шрифты» со списком установленных шрифтов.

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

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

Поэтому применять системные шрифты к тексту следует умеренно.

Кроме того, текст с системным шрифтом рекомендуется выбрать, даже если он не имеет ссылки, и ввести описательный заголовок в поле «Заголовок» меню «Гиперссылка».

При предварительном просмотре страницы в браузере заголовок будет отображаться в виде подсказки при наведении на текст указателя мыши.

Текст заголовка отображается в виде подсказки
Текст заголовка отображается в виде подсказки.

Тег заголовка полезен для посетителей, которые слушают содержимое сайта с помощью программ чтения с экрана, а не читают его. Кроме того, заголовки изображений позволяют поисковым системам индексировать содержимое сайта, особенно если текст изображения несет важную информацию, например заголовки страницы.

По мере возможности используйте вместо системных шрифтов похожие стандартные шрифты, установленные на компьютере.

Применение последних использованных шрифтов и изменение параметров их отображения

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

Как правило, при оформлении веб-страниц рекомендуется ограничивать количество шрифтов, применяемых на одной странице. Если количество начертаний шрифтов на странице не превышает четырех, в большинстве случаев текстовые материалы остаются удобочитаемыми при просмотре посетителями на экране. Обычно раздел Последние использованные шрифты содержит небольшое количество шрифтов, что упрощает перемещение между ними.

Однако в процессе оформления может потребоваться экспериментирование с различными шрифтами. Кроме того, в результате оформления нескольких разделов сайта список последних использованных шрифтов может существенно удлиниться. Чрезмерная длина списка приводит к затруднениям при выборе требуемого начертания шрифта.

Параметры отображения шрифтов в разделе Последние использованные шрифты можно изменять. Выполните следующие действия.

  1. Выберите «Adobe Muse» > Установки для открытия диалогового окна Установки.

  2. В разделе Тип измените значение параметра Количество последних шрифтов путем ввода числового значения или с помощью стрелок вверх и вниз.

    Сбросить количество последних шрифтов
    Задание отображаемого количества последних использованных шрифтов.

    При нажатии кнопки Очистить последние шрифты все последние использованные шрифты удаляются из списка.

  3. Нажмите ОК для сохранения изменений и закрытия диалогового окна Установки.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет