Нужно ли нам использовать теги <font>в электронных письмах HTML? - PullRequest
34 голосов
/ 04 ноября 2011

Я заменил кого-то, кто создает наши электронные письма HTML, и шаблоны заполнены тегами шрифта.Это действительно необходимо?Я знаю, что поддержка CSS не очень хороша в электронных письмах, но если я установлю встроенный стиль для текста в контейнере <td>, как это ...

<td style="font-family:Arial, Helvetica;color:#555555;font-size:12px">

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

Любой может сказать, действительно ли теги <font> необходимы в HTMLэлектронная почта

Ответы [ 2 ]

69 голосов
/ 25 июня 2013

К сожалению, принятый ответ не соответствует действительности, и даже такие отвратительные вещи, как сообщение @ MrMisterMan, по-прежнему de rigeur .

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

Хотите знать, где большая дыра?Hotmail.hotmail, live.com и outlook.com убирают или заменяют встроенные стили, да, даже в 2013 году. Обвините Microsoft: hotmail, live, outlook.com и outlook значительно ухудшились за последние несколько лет (например, поплавки были исключены из outlook.com 6 месяцев назад; в 2007 году outlook удалил фоновые изображения, и с тех пор их не видели).

Встроенные стили работают в Gmail, но он удаляет все, что находится за пределами тега body.Некоторые корпоративные почтовые фильтры (например, BlackSpider / WebSense) делают с точностью до наоборот, поэтому, если вы хотите быть полностью уверены в своем стиле, вам нужно поместить тег style в тег head, другую его копию в теле (недопустимо, ноэто работает), те же стили, встроенные (посмотрите на проект premailer ), и, наконец, тот же стиль с использованием тегов шрифта.Да, это безумие, но никакое количество желаний не заставит проблему уйти.Конечно, вы можете отбросить некоторые из них, но тем самым вы неявно соглашаетесь с тем, что в некоторых местах они не будут выглядеть одинаково.Вам нужно взглянуть на свою аудиторию - новый мобильный музыкальный сайт, вероятно, сойдет с рук, но корпоративный пенсионный поставщик, вероятно, должен жить в стране шрифтовых тегов 2003 года.

К счастью, Apple Mail, iOS mail иВсе iCloud имеют превосходную обработку HTML (как показывает таблица Campaign Monitor, как и проект стандартов электронной почты ).Поскольку в большинстве случаев для чтения с мобильных устройств используется некая разновидность WebKit, рендеринг на мобильных устройствах, как правило, гораздо более последовательный (и, в основном, лучше), чем на настольных компьютерах.

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

12 голосов
/ 04 ноября 2011

Ваше предположение верно. Они не нужны. Кроме того, технически тег <font> устарел, начиная с HTML 4, так что вы могли бы также удалить его только ради этого.

Если вам нужен встроенный стиль CSS для определенного текста, лучше использовать встроенный тег <span>, чем тег <font>.

У Campaign Monitor есть отличный и актуальный ресурс по текущей поддержке CSS в электронных письмах .

...