Question

当我在Outlook中打开以下电子邮件（将其另存为email.eml，并且可以通过Outlook打开）时，字体太大。由于<span style="height:40px;">...</span>，Outlook建议在浏览器中打开电子邮件。如果我这样做，则使用正确的字体大小。 Outlook中的缩放设置当然设置为100％。如何让Outlook显示正确的字体大小？我将发送一份简报，并且不希望每个人都使用Outlook看到太大的字体。

Date: Wed, 6 Apr 2016 19:25:19 +0200
From: test@test.com
Message-ID: <e43845aa69c33b79a282f80ed658959d@www.test.com>
X-Mailer: PHPMailer 5.2.14 (https://github.com/PHPMailer/PHPMailer)
MIME-Version: 1.0
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: 8bit
To: test@test.com
Subject: Font size test

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Font size test</title><meta http-equiv="Content-type" content="text/html; charset=UTF-8"></head><body><h1 style="font: 20px Arial">Heading 1</h1>
<p style="font-size: 15px; font-family: Georgia">The font size is too large in Outlook!</p>
<span style="font: 10px 'Times New Roman'; height:40px;">This is a span with height, to make Outlook suggest opening the email in a browser.</span> </body></html>

Answer 1

在Outlook中或通过浏览器呈现简报是非常不同的。

如果您想在电子邮件客户端中正确显示它，您必须代码类似于1999 并将所有内容放入内联。

要修复<h1>，您应该指定比您现在更多的样式方式：

<h1 style="font-size: 20px; font-family: Arial; font-weight: normal;line-height: 1; color: #000000;">Heading 1</h1>

例如。

以下是一些文章，可帮助您入门并熟悉正确的HTML电子邮件编码：

Coding your emails 它是如何运作的？
The Foundations of Coding HTML Email 它是如何运作的？
Email Coding Guidelines 怎么做？
The Ultimate Guide to CSS 支持哪些内容？

Answer 2

我在Outlook中确定了字体较大的原因：“Make text and other items larger or smaller”设置设置为125％。

在Web浏览器中查看电子邮件时，或者使用内置的Windows 8 Mail App时，此设置不会更改电子邮件的字体大小。但是，Outlook 2013会根据此设置缩放电子邮件的字体。

Outlook中的字体太大

2 个答案: