在HTML电子邮件中使用浏览器系统字体堆栈

Question

做系统字体堆栈，例如...

<p style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"> Whatever sans-serif font, but please use that ugly Arial as a last resort only </p>

...也可以在普通电子邮件客户端中使用？

我已经在自己的设备（Outlook 2017和Android应用程序，Android电子邮件，Gmail Web和Android应用程序）上对其进行了测试，到目前为止，它似乎可以正常工作。

但是苹果呢？我没有要测试的设备，也不知道我是否必须使用系统名称或字体的真实名称。

Answer 1

是的，系统字体可以在每个电子邮件客户端中使用，包括Mac OS（Apple Mail，Mac的Outlook等）和iOS（iPhone邮件，iPad邮件，iOS的Gmail等）上的每个Apple产品。

字体堆栈的工作方式与在网络上一样。使用您的示例：

<p style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"> Whatever sans-serif font, but please use that ugly Arial as a last resort only </p>

1. 如果-apple-system已安装，请显示该内容。
2. 否则（如果BlinkMacSystemFont已安装）显示。
3. 如果Segoe UI已安装，请使用它。

等等。

GitHub使用一个包含100％系统字体的字体堆栈，该字体堆栈涵盖了大多数基础知识，例如：

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"