Outlook 中的字体太大答案

【问题标题】：Too large fonts in OutlookOutlook 中的字体太大
【发布时间】：2016-07-27 06:50:43
【问题描述】：

当我在 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>

【问题讨论】：

标签： html css email fonts outlook

【解决方案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 支持什么？

【讨论】：

【解决方案2】：

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

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

【讨论】：