在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网络和Android应用），到目前为止它似乎有效。

但是苹果怎么样？我没有可以测试的设备，我不知道是否必须使用系统名称或字体的真实姓名。

Answer 1

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

字体堆栈的工作方式与在Web上的工作方式相同。使用您的示例：

<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"