web-dev-qa-db-ja.com

電子メールまたは電子メールテンプレートでカスタムフォントを使用する方法

メールまたはメールテンプレートでカスタムフォントを使用する方法メールでカスタムフォントを使用できない理由、ほとんどのメールプロバイダーで@ font-faceスタイルがサポートされていない理由

18
Akhilraj N S

簡単に言えば..できません。むしろ、サポートの不足が原因ではありません。

カスタムフォントを使用する唯一の方法は、テキストの画像を作成することです。これは、テキストの量に応じて、実行できる場合とできない場合があります。

15
Scott

上記の答えは今まで真実だったかもしれませんが。答えが変わっているようです。

優れたメールマーケティングデザインとは、優雅な低下に関するものです。一部の主要な電子メールクライアントはWebフォントをサポートしていませんが、モバイルデバイスのクライアントを含め、一部はサポートしています。フォールバックフォントが許容できない方法でデザインを壊さないようにする意思がある場合、キャンペーンモニターには、さまざまなクライアントのサポートの状態とベストプラクティスに関する優れた記事があります。

http://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email

10
Jon Smith

少なくとも、古き良き時代のように、常にテキストの代わりに写真を置くことができます;-)

0
miksiii

私は、あなたができない、またはすべきでないという以前の回答のいくつかに同意しません。

最近の電子メールクライアントの多くは、@ importおよび@FONT_FACEメソッドを使用したWebフォントをサポートしています。

これらのフォントを網羅的にサポートする電子メールクライアントのリストはありますが、それらはすべて、最も使用頻度の高いクライアントのリストに含まれています。

これらのメソッドをサポートするクライアントは次のとおりです。

AOLメール

ネイティブAndroidメールアプリ(Gmailアプリではありません)

アップルメール

iOSメール

Outlook 2000

Outlook.comアプリ

Webフォントを使用する場合は、ボールをプレーしたくないクライアントにフォールバックWebセーフフォントを提供することを確認してください。フォールバックWebセーフフォントを設定しないと、フォントはデフォルトでTimes New Romanのようなフォントになります。

他の人が言ったように、あなたのデザインにとって重要なサポートされていないフォントが絶対に必要な場合(例えば:ヘッダー内)、画像の一部としてテキストを作成するのが最善かもしれません。画像を読み込まないメールクライアントでは、メールの内容が明確でない場合があることに注意してください。

ウェブフォントのベストプラクティスについては、メールで詳しく読むことができます こちら

0
Benr89