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 回答