我一直在为一个平台制作一些各种 HTML 电子邮件,并且使用由 Google Fonts 提供的 400 和 600 粗细版本的 Inter。在基本上所有邮件客户端(包括 Outlook Online)上,我使用此功能没有任何问题,但 Outlook 中的更改突然只显示字体的粗体版本。
这是一个已知的错误还是有一些“黑客”可以解决这个问题?每个段落都包含 font-family 和 font-weight,所以应该是这样。
Windows 11 上的 Outlook (2024) Windows 11 上的 Outlook (2024)
Microsoft Edge 中的 Outlook(网络) Microsoft Edge 中的 Outlook(网络)
我尝试从自己的域(Azure Blob)提供服务并进行了许多可能的 CSS 更改,但没有任何改变。奇怪的是,它看起来不像是后备字体,而实际上是 Inter 字体的粗体版本。
您可能想尝试在 HTML 电子邮件的
<style>
部分内的 <head>
块中定义自定义字体。然后在 <body>
标签之后使用这个片段:
<body>
<!--[if mso]>
<style type="text/css">
body, p, ul, li, u, table tr, table td, a, span, table.MsoNormalTable {
font-family: Calibri !important;
font-size: 11pt !important;
}
</style>
<![endif]-->
这是一次重置,确保 Outlook 应用指定的字体系列和大小,这可能有助于解决渲染问题。虽然它主要针对 Outlook 中的默认字体。我得到了这个工作基于这个论坛,我没有使用自定义字体进行测试,但显然有些人开始工作。尝试一下,看看是否有帮助!