Outlook 2003およびフォントサイズ
-
28-09-2019 - |
質問
私はすべてのクライアントで正しく動作するHTMLメールを持っています それ外 Outlook2003、リンクが下線を持っている(であっても 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または12pxに変更します。
何か案は?
解決
コードには多くのマークアップがあります。 Outlook 2010のマークアップが電子メールを送信するときにどのように見えるかを試しました。なぜなら、Outlook2003にメールを送信するときに、下線のないリンクが完璧に機能しているからです。
<a href="http://example.org">
<span style='text-decoration:none;'>My Link Text not underlined</span>
</a>
注意すべき重要なこと:それはaを置きます span
スタイリングのリンク内。の使用はありません <font>
何でも。
Outlookには、オートコンプリートハイパーリンクの素晴らしい「機能」があります。 (本当に推測するだけです)。自動完成リンクをターンするホットフィックスがあります ここ (まだレジストリをいじり、名前付きのdwordを作成する必要があります DisableAutoUrlCompletion
で HKEY_CURRENT_USER\Software\Microsoft\Office\11.0\Outlook\Preferences
).
ここで完全に、Outlook 2003で完璧に表示されるOutlook 2010で送信された非常にシンプルな電子メールの完全な電子メールボディ(同じフォントサイズ、下線なし - すべて同じ)。 [覚えておいてください-ROLTはそこにありますが、Arialが使用されているにもかかわらずCalibriスタイルのように、実際には必要ありません。
<!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 >></strong></a>
また、多数の電子メールクライアントにまたがるCSSサポートの便利なガイドも次のとおりです。 http://www.campaignmonitor.com/css/