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. دون مزيد من اللغط:

<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 "Junk" في هناك وليس هناك حاجة إليها حقًا ، مثل Calibri Styles على الرغم من استخدام 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