使用Roboto字体时Gmail中斜体文本font-weight变为normal的问题求助

问题原因 #

Gmail的默认样式会给<i>、<em>这类斜体标签强制设置font-weight: normal，加上邮件客户端对CSS的支持限制，父元素的font-weight:500会被直接覆盖。另外如果使用的字体没有对应500字重的斜体变种，Gmail也无法渲染出预期的中等字重斜体效果。

可行解决方案 #

1. 给斜体标签添加内联样式（最可靠）

邮件客户端对内联样式支持度最高，直接在<i>标签里指定字重：

<table role="presentation" class="wrap" width="570" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
     <td align="left" class="hl-2">3. The month <i style="font-weight:500;">October</i> is the best time to visit Jaipur.</td>
  </tr>
</table>

2. 在CSS中针对性覆盖Gmail默认样式

如果使用内部样式表，给.hl-2下的斜体标签单独设置样式（部分客户端支持）：

.hl-2 {
    font-size: 18px;
    line-height: 22px;
    color: #34444c;
    font-weight: 500;
}
.hl-2 i, .hl-2 em {
    font-weight: 500 !important;
}

添加!important是为了强制覆盖Gmail的默认样式，但部分严格的客户端可能不识别，因此优先推荐内联样式方案。

3. 确认字体包含中等字重的斜体变种

如果邮件指定了自定义字体，要确保该字体有500（medium）字重的斜体版本。比如使用Roboto字体时，需要同时引入Roboto Medium和Roboto Medium Italic，否则Gmail会 fallback到系统字体的普通斜体，导致字重变轻。

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