3

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

<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 应用程序）上对其进行了测试，到目前为止它似乎工作正常。

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

4

1 回答 1

8

是的，系统字体适用于每个电子邮件客户端，包括 Mac OS（Apple Mail、Outlook for Mac 等）和 iOS（iPhone Mail、iPad Mail、Gmail for iOS 等）上的每个 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"
于 2017-02-17T16:24:23.673 回答