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 App、Android E-Mail、Gmail Web & Android App）でテストしましたが、これまでのところ動作しているようです。

しかしAppleはどうですか？テストするデバイスがないため、システム名やフォントの本名を使用する必要があるかどうかわかりません。

Answer 1

システムフォントは、Mac OS（Apple Mail、Outlook for Macなど）およびiOS（iPhoneメール、iPadメール、iOS用Gmailなど）上のすべてのアップル製品を含むすべてのメールクライアントで動作します（）

フォントスタックは、ウェブ上と同じように機能します。あなたの例を使用する：

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