通过 Gmail 的 HTML 电子邮件中的字体大小答案

【问题标题】：Font-Size in HTML Email via Gmail通过 Gmail 的 HTML 电子邮件中的字体大小
【发布时间】：2012-09-07 21:55:01
【问题描述】：

有没有人遇到过这样的问题，即当字体大小样式应用于元素时，Gmail 客户端在呈现时不一致？例如，我将 font-size 设置为 17px，一切都渲染得太大，然后我将其设置为 16px，它变得非常小。

我们将不胜感激。

【问题讨论】：

【解决方案1】：

font-sizes 使用 pt 而不是 px，似乎对我有用。

【讨论】：

【解决方案2】：

您在制作电子邮件模板吗？

那么你应该使用 good-old-back-to-basics 字体标签：

<font size="2">text</font>

【讨论】：

【解决方案3】：

看起来他们正在覆盖字体大小并忽略文本标签（a、p 等）的 !important

当我将 font-size 应用于包装 <td> 时，它工作正常。

【讨论】：

【解决方案4】：

我今天也遇到了同样的问题。我没有在这个帖子上找到对我个人有帮助的答案。

但是，我通过使用像这样的内联样式的跨度包围所有行为不良的文本段落来解决它

<span style="color:#613400;font-size:14px;font-weight:bold;font-family:Calibri,Helvetica, Arial, Sans-Serif;">TEXT</span>

我后来意识到，即使我给了 font-size:14px!important; font 没有坚持可见的 14px 大小（浏览器的元素检查器显示它是 14px！），原因可能是 font-family 为该不良文本设置了不同的设置。当我将 font-family 选择器添加到跨度时，一切都开始正常了。

这种相同的样式在应用于或作为一个整体时不起作用。我发现的解决方案是，您应该使用 span 围绕它来设置所有文本的样式。

希望这对偶然发现此线程的人有所帮助！

【讨论】：