Outlook 2003 и размеры шрифтов

StackOverflow https://stackoverflow.com/questions/4279195

  •  28-09-2019
  •  | 
  •  

Вопрос

У меня есть электронная почта HTML, который правильно работает в каждом клиенте Кроме Outlook 2003, где ссылки подчеркиваются (даже с text-decoration: none;) и то font-size изменения быть меньше.

Выдержка из кода:

<td valign="top" align="left" style="line-height: 31px; font-size: 31px;">
                    <font face="Arial, Helvetica, sans-serif" size="3" color="#6b565d" style="line-height: 60px; font-size: 62px;"><strong>25% off</strong></font>
</td>

Пример ссылки:

<font face="Arial, Helvetica, sans-serif" size="3" color="#ffffff" style="line-height: 16px; font-size: 22px;"><a href="<squeeze.attribute.link.story01_text>" title="Book your sale room now" style="color: #ffffff; text-decoration: none; font-size:22px; background-color: #b50f18;"><font color="#ffffff"><strong>Mooo, I'm some text >></strong></font></a></font>

И это font-size меняется на около 11 или 12 пикселей.

Есть идеи?

Это было полезно?

Решение

Лот разметки в вашем коде там. Я просто попробовал, как пробование Outlook 2010 выглядит при отправке электронной почты - потому что наличие ссылок без подчеркивания работает безразлично при отправке почты в Outlook 2003. Без дальнейшего ADO:

<a href="http://example.org">
    <span style='text-decoration:none;'>My Link Text not underlined</span>
</a>

Важно отметить: это ставит span в рамках ссылки для стилизации. Нет использования <font> вообще.

У Outlook есть хорошая «функция» к автозаполнению гиперссылки - AFAIK это только для текста, который вы вводите, но это может стоить выстрела, может быть, клиенты являются автозаполнением ваших ссылок, которые нужно подчеркнуть? (Действительно просто догадываться). Есть исправление для поворота автозаполнения ссылок здесь (Все еще нужно возобновить в реестре и создать DWORD по имени DisableAutoUrlCompletion в HKEY_CURRENT_USER\Software\Microsoft\Office\11.0\Outlook\Preferences).

Только для полноты здесь полное письмо по электронной почте действительно простого электронного письма, отправленного с Outlook 2010, демонстрирующим безупречно в Outlook 2003 (тот же размер шрифта, не подчеркивается - все равно). [Медведь в виду - лоты Microsoft «мусор» в тудах, который на самом деле не нужен, как стили Calibri, хотя использовался Arial

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o=
"urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns=
"http://www.w3.org/1999/xhtml">
<head>
  <meta name="Generator" content="Microsoft Word 14 (filtered medium)" />
  <style type="text/css">
/*<![CDATA[*/
  <!--
  /* Font Definitions */
  @font-face
  {font-family:Calibri;
  panose-1:2 15 5 2 2 2 4 3 2 4;}
  /* Style Definitions */
  p.MsoNormal, li.MsoNormal, div.MsoNormal
  {margin:0cm;
  margin-bottom:.0001pt;
  font-size:11.0pt;
  font-family:"Calibri","sans-serif";}
  a:link, span.MsoHyperlink
  {mso-style-priority:99;
  color:blue;
  text-decoration:underline;}
  a:visited, span.MsoHyperlinkFollowed
  {mso-style-priority:99;
  color:purple;
  text-decoration:underline;}
  span.EmailStyle17
  {mso-style-type:personal-compose;
  font-family:"Calibri","sans-serif";
  color:windowtext;}
  .MsoChpDefault
  {mso-style-type:export-only;
  font-family:"Calibri","sans-serif";}
  @page WordSection1
  {size:612.0pt 792.0pt;
  margin:70.85pt 70.85pt 2.0cm 70.85pt;}
  div.WordSection1
  {page:WordSection1;}
  -->
  /*]]>*/
  </style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->

  <title></title>
</head>

<body lang="EN-US" link="blue" vlink="purple" xml:lang="EN-US">
  <div class="WordSection1">
    <p class="MsoNormal"><span lang="DE" style=
    'font-size:14.0pt;font-family:"Arial","sans-serif";color:black' xml:lang=
    "DE"><a href="http://example.org/"><span style=
    'color:black;text-decoration:none'>test</span></a></span></p>
  </div>
</body>
</html>

Другие советы

@Neurofluxation: попробуйте -

Для выдержки:

<td valign="top" align="left">
   <span style="color: #6b565d; font-size: 62px; line-height: 60px;"><strong>25% off</strong></span>
</td>

Для ссылки:

<a href="<squeeze.attribute.link.story01_text>" title="Book your sale room now" style="background-color: #b50f18; color: #ffffff; font-size: 22px; line-height: 16px; text-decoration: none;"><strong>Mooo, I'm some text &gt;&gt;</strong></a>

Вот также удобное руководство для поддержки CSS по множеству клиентов электронной почты: http://www.campaignmonitor.com/css/

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top