在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 Mail，Outlook for Mac等）和iOS（iPhone Mail，iPad Mail，iOS for iOS等）上的每個Apple產品。

字體堆棧的工作方式與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"