Windows Phone 7.5 HTML 电子邮件中的不同字体大小答案

【问题标题】：Varying font sizes in Windows Phone 7.5 HTML emailsWindows Phone 7.5 HTML 电子邮件中的不同字体大小
【发布时间】：2013-09-19 16:44:13
【问题描述】：

我注意到在 Litmus 电子邮件测试服务上测试 Windows Phone 7.5 上的电子邮件时出现了一个奇怪的问题。即使 HTML 完全相同，字体也会以不同的大小显示。

我有以下代码的三个实例，中间没有任何内容。在第一个实例中，字体大小和系列按预期显示，但第二个和第三个没有。它们更大，看起来像系统字体。

当我删除标签之间的多余空格时，有时会影响某些内容，但标题和段落标签及其样式是相同的。

代码摘录：

<h2 style="font-family: 'oxygenbold',Futura,'Gill Sans','Gill Sans MT', Calibri, sans-serif; font-size: 15px; font-weight: normal; line-height: 18px; color: #7C6755; padding: 0; margin: 0;">Headline Goes Here</h2><p style="color:#231F20; line-height:18px; font-size:13px; font-family:arial,sans-serif; padding-bottom:15px; padding-left:0px; padding-right:0px; padding-top:5px; margin-bottom:10px; margin-left:0; margin-right:0; margin-top:0;">Text goes here.</p>

【问题讨论】：

标签： html css windows-phone-7 html-email email-templates

【解决方案1】：

啊，是的，Windows Phone。支持媒体查询，其他一切都像 97 年那样。

Windows Phone 将使用它认为适合 <h1>, <h2>, etc 的任何字体大小，因此我建议不要在电子邮件中使用这些字体，因为无论如何 SEO 电子邮件没有任何意义。

Windows Phone 邮件只接受带有size="#" 属性的<font> 标记作为字体大小，并且将忽略您尝试在style 属性中设置的任何其他值。 size="1" 大约是 10px，size=2 大约是 14px，从那里尺寸跳跃变得更加疯狂。

另外 - 删除 p 标签，虽然在大多数手机中都很好，但它们在 Outlook 和 Outlook.com 中添加（不可避免的）可怕的边距和填充。改用带有font 标签的trs 和tds。

【讨论】：

<font> 效果很好。我们通常将相同的样式加倍并内联在 td 标签中。好奇如果我们用字体标签代替 h1，其他电子邮件客户端是否有任何权衡。风格是否普遍受到尊重。
是的！四面八方受人尊敬。是的，在 td 中加倍是一个好主意，outlook.com 有时需要它作为行高。

【解决方案2】：

我发现为 IE 添加条件注释并在其中声明视口已解决 Windows Mobile 8 增加我的 HTML 电子邮件中字体大小的问题。

<!–[if IE]>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
<![endif]–>

【讨论】：