iOS电子邮件中未显示的网络安全字体
试图在我的html电子邮件中使用影响字体，它在Outlook 365窗口和web客户端以及浏览器中运行良好，但iOS本地邮件应用程序、Gmail应用程序和Outlook应用程序都默认为arial。我遗漏了什么？
这是有问题的桌子。类是从MS端口遗留下来的，我希望它能提高mso性能，但它真正要做的就是设置默认的字体系列、字体大小和页边距(0)。
<table cellspacing=0 cellpadding=0 style="background:red;border-collapse:collapse;border:none;padding:0;margin:0;">
<tr>
<td style="height: 6.5pt;"></td>
<td style="height: 6.5pt;"></td>
<td style="height: 6.5pt;"></td>
</tr>
<tr>
<td style="width:6.5pt"></td>
<td>
<p class="MsoNormal" style="margin:0;text-align:center;line-height:normal;font-size:14.0pt;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color:white;">
10% STOREWIDE SALE</p>
<p class="MsoNormal" style="margin:0;text-align:center;line-height:normal;">
<a style="font-size:14.0pt;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color:white;text-decoration-color: white;" href="https://www.bacs.com.au/store">SHOP NOW</a>
</p>
<p class="MsoNormal" style="margin:0;text-align:center;line-height:normal;font-size:10.0pt;font-family:Arial, Helvetica, sans-serif;color:white;">
Online Only. Ends 30 June 21.</p>
</td>
<td style="width:6.5pt"></td>
</tr>
<tr>
<td style="height: 6.5pt;"></td>
<td style="height: 6.5pt;"></td>
<td style="height: 6.5pt;"></td>
</tr>
</table>
回答 2
Stack Overflow用户
发布于 2021-06-15 06:52:53
苹果IOS 13不支持冲击。MacOS 13有。
Outlook支持影响，Google支持影响。
类似的字体是SF紧凑型，但我不确定它是否可以在电子邮件中被称为字体。
由于您正在寻找粗体的serif字体，我建议使用类.MsoNormal并添加以下内容：
font-family: 'Arial Narrow'; font-weight: bold;如果将它放入@media调用中，Outlook将跳过此操作。如果你使用Webkit @media调用，谷歌会跳过它。
@media screen and (-webkit-min-device-pixel-ratio:0) {
.MsoNormal {/*your code */}
}Haettenschweiler, 'Arial Narrow Bold'是不安全的，也不支持没有网页字体网址的字体。
祝好运。
谷歌支持字体：http://jsfiddle.net/wallyglenn/g35nchmL/
- Outlook支持字体：http://jsfiddle.net/wallyglenn/d23s80po/2/
Stack Overflow用户
发布于 2021-06-15 05:24:08
影响可能不是‘网络安全’，因为它似乎没有安装在Android和iOS (移动)，否则它将工作。除非"MsoNormal“类有一个不同的字体系列。(我会删除它，它不是必要的，也不是与性能相关的。)
如果失败了，您将需要使用@font-face从公共网站加载它。记住，@font-face并不是所有东西都支持的：https://www.caniemail.com/features/css-at-font-face/
作为后盾，您可能希望通过Google字体使用类似的字体，而Google字体已经设置为：https://fonts.google.com/specimen/Anton。
但是，要使它完全适用于任何事情，您需要将其保存为图像，并加载为<img src="https://www.imagehere.com/image.png" alt="Text here">
https://stackoverflow.com/questions/67980114
复制相似问题
腾讯云开发者
