HTML邮件字体设置：需为每个p标签加内联样式还是仅设body标签？

嘿，这绝对是HTML邮件开发里最常见的兼容性疑问之一——毕竟各种邮件客户端的CSS支持差异真的能把人折腾疯😅。让我给你拆解清楚：

答案是多数核心样式必须加，但不是所有样式都要重复写。

邮件客户端对CSS的支持和网页完全不是一个路子：外部样式表基本无效，内嵌<style>标签在Outlook、Gmail这类主流客户端里经常被阉割。所以像控制段落间距的margin/padding、行高line-height、文本颜色color这些直接影响排版效果的样式，一定要写在<p>的style属性里。

不过如果是一些客户端能勉强继承的样式（比如部分客户端里的文本颜色），你可以在<body>里先设一个基础值，但别完全依赖继承——为了保证所有客户端都能显示一致，关键样式还是内联到<p>里最靠谱。

仅在<body>上指定字体族非常不保险，很多主流客户端根本不会把<body>的字体样式继承到<p>这类子元素上（比如Outlook 2016+、Gmail的桌面端）。

针对多数邮件客户端的最佳实践是：

• 第一步：在<body>的内联样式里先指定基础字体族，作为一层 fallback；
• 第二步：给每个<p>标签（以及其他文本元素，比如<h1>、<span>、<a>等）都加上内联的font-family样式；
• 第三步：一定要指定多个备选字体，最后加上通用字体族兜底，比如：

  <p style="font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;">这是一段邮件文本</p>
  

这样就算用户没安装你首选的字体，也能显示相近的系统默认字体，避免排版混乱。

如果要使用自定义字体，情况会更复杂（需要结合@font-face和内联样式，还要考虑客户端支持限制），但通用字体的话，按上面的方法来就能覆盖绝大多数场景。

内容的提问来源于stack exchange，提问作者panthro