Outlook 2003 и размеры шрифтов - PullRequest
3 голосов
/ 25 ноября 2010

У меня есть 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 пикселей.

Есть идеи?

Ответы [ 2 ]

3 голосов
/ 01 декабря 2010

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

<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>
0 голосов
/ 25 ноября 2010

@ Нейрофлюксация: попробуйте -

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

<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/

...