Руководство пользователя Отмена

Использование веб-шрифтов в HTML-письмах или новостных рассылках

  1. Руководство пользователя Adobe Fonts
  2. Введение
    1. Требования к системе и подписке
    2. Поддержка браузеров и ОС
    3. Добавление шрифтов на компьютере
    4. Добавление шрифтов на веб-сайт
    5. Добавление шрифтов в мобильном приложении CC
  3. Лицензирование шрифтов
    1. Лицензирование шрифтов
    2. Управление учетной записью
    3. Лицензирование для пользователей Creative Cloud для организаций
    4. Добавление лицензий на шрифты в учетную запись
    5. Удаление шрифтов из библиотеки подписки
    6. Шрифты Adobe Fonts недоступны для идентификаторов Adobe ID, зарегистрированных в Китае
    7. Почему эти шрифты не включены в мою подписку на Creative Cloud?
    8. Удаление шрифта Morisawa в сентябре 2021 г.
  4. Получение и использование шрифтов
    1. Использование шрифтов Adobe Fonts в приложениях Creative Cloud
    2. Управление шрифтами
    3. Обработка отсутствующих шрифтов в приложениях для настольных ПК
    4. Использование шрифтов в InDesign
    5. Шрифты и оформление
    6. Использование веб-шрифтов в документах HTML5 Canvas
    7. Использование шрифтов в InCopy
    8. Как использовать шрифты в Adobe Muse
    9. Использование веб-шрифтов в Muse
    10. Упаковка файлов шрифтов
    11. Руководство по устранению проблем с добавлением шрифтов
    12. Добавленные шрифты не отображаются в меню шрифтов
    13. «Не удается добавить один или несколько шрифтов» или «Уже установлен шрифт с тем же названием»
    14. Что произойдет, если разработчик обновит используемый мной шрифт?
  5. Дизайн и веб-разработка
    1. Добавление шрифтов на веб-сайт
    2. Руководство по устранению неполадок: добавление шрифтов на веб-сайт
    3. Использование веб-шрифтов в HTML-письмах или новостных рассылках
    4. Использование веб-шрифтов с ускоренными мобильными страницами (AMP)
    5. Селекторы CSS
    6. Настройка производительности веб-шрифтов с помощью параметра font-display
    7. Коды встраивания
    8. Динамический поднабор и предоставление веб-шрифтов
    9. События шрифтов
    10. Почему мои веб-шрифты используются с use.typekit.net?
    11. Сайт не может подключиться к use.typekit.net
    12. Использование веб-шрифтов с CodePen
    13. Поддержка браузеров и ОС
    14. Домены
    15. Использование веб-шрифтов при локальной разработке
    16. Политика безопасности контента
    17. Печать веб-шрифтов
  6. Поддержка языка и возможности OpenType
    1. Поддержка языков и поднабор
    2. Использование функций OpenType
    3. Синтаксис для функций OpenType в CSS
  7. Технологии шрифтов
    1. Цветные шрифты OpenType-SVG
    2. Ten Mincho: важные моменты при обновлении с версии 1.000

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

Примечание.

Загрузка шрифтов JavaScript используется для динамического подмножества Adobe, что требуется для работы с восточноазиатскими веб-шрифтами. В связи с отсутствием поддержки кода встраивания для CSS, эти веб-шрифты, в том числе шрифты с поддержкой китайского, японского и корейского языков, нельзя использовать в электронной почте формата HTML.

Выбор шрифтов для использования

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

Добавление кода встраивания

Чтобы найти код встраивания для своего проекта, посетите страницу веб-проектов. Найдите название проекта, затем щелкните опцию «@import link».

Добавьте теги <style> со встраиваемым кодом @import в заголовок электронного сообщения <head>, а также названия семейств шрифтов.

Код встраивания @import, используемый в электронном сообщении формата HTML

Название семейства шрифтов, которое будет использоваться в CSS для стилизации текста, также указано в веб-проекте; узнать больше об использовании шрифтов в CSS.

Примечание.

Код встраивания @import должен находиться в начале тега <style> с любыми другими операторами @import, в противном случае шрифты загружены не будут. Только запись @charset может быть указана перед строками @import.

Поддержка веб-шрифтов в почтовом клиенте

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

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

Имя клиента

Совместимость?

AOL Mail

Да

Android Mail App (встроенное, не GMail)

Да

Apple Mail

Да

GMail

Нет

Google Inbox

Нет

iOS Mail

Да

Outlook 2000

Нет

Outlook 2011 (OS X 10.10+)

Да

Outlook 2016 (OS X 10.10+ и Windows 10)

Да

Удаление проекта или отмена подписки

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

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?