Outlook 2013 Игнорирует семейство шрифтов

96
7

Каков наилучший способ указать семейство шрифтов при кодировании писем для Outlook 2013? Я обнаружил, что семейство шрифтов игнорируется, когда оно добавлено в строку следующим образом:


<span style="font-family: Helvetica, Arial, sans-serif;">Text</span>

Я обнаружил, что это работает:


<span><font face="Helvetica, Arial, sans-serif">Text</font></span>

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

спросил(а) 2021-01-19T16:23:05+03:00 2 месяца, 3 недели назад
1
Решение
106

Эффективный способ заставить Outlook 2013 использовать указанный стек шрифтов - обернуть соответствующий текст в <span> и использовать !important при определении font-family. Outlook все равно удалит любые шрифты Google, которые определены в голове, но другие почтовые клиенты будут использовать их. Вот пример:


<head>
<link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
</head>

<body>
<table>
<tr>
<td style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">
This will always be Helvetica.
</td>
</tr>
</table>

<table>
<tr>
<td style="font-family: 'Indie Flower', Helvetica, Arial, sans-serif; font-size: 12px;">
Outlook will display Times New Roman. Others will display Helvetica or Indie Flower.
</td>
</tr>
</table>

<table>
<tr>
<td style="font-family: Helvetica, Arial, sans-serif; font-size: 12px;">
<span style="font-family: 'Indie Flower', Helvetica, Arial, sans-serif !important;">
Outlook will display Helvetica, others will display Indie Flower.
</span>
</td>
</tr>
</table>
</body>

Это произошло из этой удивительной статьи: https://www.emailonacid.com/blog/article/email-development/custom-font-stacks-in-outlook

ответил(а) 2021-01-19T16:23:05+03:00 2 месяца, 3 недели назад
86

У меня возникла эта проблема, и я нашел следующую запись, в которой исправлена ​​проблема:
https://litmus.com/community/discussions/982-outlook-overrides-font-to-times-new-roman


В принципе, вам нужно добавить следующий условный фрагмент CSS-кода сразу после тега body в шаблоне электронной почты, который вы хотите, чтобы Outlook взял желаемое семейство шрифтов (в данном случае Arial, Helvetica или San-Serif) вместо липкий шрифт MSO Times-New-Roman:

<!--[if mso]>
<style type="text/css">
body, table, td {font-family: Arial, Helvetica, sans-serif !important;}
</style>
<![endif]-->

ответил(а) 2021-01-19T16:23:05+03:00 2 месяца, 3 недели назад
62

Как вы строите свои электронные письма? Если вы используете таблицы, то


<td style="font-family: Helvetica, Arial, sans-serif;">

Будет работать нормально в ЛЮБОЙ клиент. Только нужно использовать диапазон, если часть текста в нем отличается от остальных.


Outlook 2013 НЕ игнорируется в заголовке. Я знаю это, потому что я создал много писем, и я стиль: посетил в заголовке, поэтому Outlook (в частности) не меняет их фиолетовый, и он определенно работает!


EDIT: более точный ответ был бы для меня, чтобы сказать "нет", к сожалению, вам нужно каждый раз указывать стиль в строке. (Не видел этот бит вопроса сначала!)


Отрывок:


<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 18px; text-align: center; color: #000000;">

Some text here.....
</td>
</tr>
</table>

ответил(а) 2021-01-19T16:23:05+03:00 2 месяца, 3 недели назад
44

К сожалению, по моему опыту тег font - это единственное, что постоянно работает в Outlook (и Windows Phone, go figure). Вы также захотите добавить стандартный текст CSS для своего текста, так как некоторые клиенты не отображают атрибут font face.

ответил(а) 2021-01-19T16:23:05+03:00 2 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема