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

Windows Phone 7.5 HTML电子邮件中不同的字体大小,html,css,windows-phone-7,html-email,email-templates,Html,Css,Windows Phone 7,Html Email,Email Templates,我注意到在Litmus电子邮件测试服务的WindowsPhone7.5上测试电子邮件时出现了一个奇怪的问题。即使HTML完全相同,字体也会以不同的大小显示 下面我有三个代码实例,中间没有任何内容。在第一种情况下,字体大小和字体系列显示与预期一致,但第二种和第三种情况则不同。它们更大,看起来像系统字体 当我删除标记之间的额外空格时,有时会影响某些内容,但标题和段落标记及其样式是相同的 代码摘录: <h2 style="font-family: 'oxygenbold',Futura,'Gil

我注意到在Litmus电子邮件测试服务的WindowsPhone7.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>
标题显示在这里

文本显示在这里


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

Windows Phone将使用它认为适合
等的任何字体大小,因此我建议不要在电子邮件中使用这些字体,因为搜索电子邮件没有任何意义

Windows Phone mail只接受字体大小带有
size=“#”
属性的
标记,并将忽略您尝试在
style
属性中设置的任何其他值
size=“1”
约为10px,
size=2
约为14px,从那里开始,尺寸跳跃变得更疯狂


此外,去掉p标签,尽管在大多数手机中都很好,但它们在outlook和outlook.com中添加了(不可避免的)可怕的边距和填充。将
tr
s和
td
s与
font
标记一起使用。

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

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

效果很好。我们通常将相同的样式对折,并将其内联到td标记中。好奇的是,如果我们用字体标签代替h1,其他电子邮件客户端是否有任何折衷。这些款式普遍受到尊重。是的!受到各方尊重。是的,在td中加倍是一个好主意,outlook.com有时需要这一点作为线路高度。