html - HTMLニュースレター内のGoogle Webフォント

Question

HTML メールを作成していて、Google Webfonts のフォント Oswald を使用しています。次の行を使用してhtmlに挿入しました：

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

フォントがGoogleメールクライアントに表示されないようです..Googleメールに表示するために、このフォントを使用してHTMLメールを実装する他の方法はありますか?

ありがとう、ダニエル。

score 9 · Accepted Answer

明らかにそれはクライアントソフトウェアに依存しますが、このリンクは私にとってはうまくいくように見えました。要約すると、次のようなcssを含めます。

<style>
    @import url(http://fonts.googleapis.com/css?family=Open+Sans);
</style>

信頼できるフォールバックフォントを追加するだけです。

score 4 · Accepted Answer

これを行うことはできません（この回答の時点で）。ごめん。あなたが管理できる最善の方法は、代わりに画像を使用することですが、メールではフォントの置き換えが機能しません.

多くの人は HTML メールを好まず、メールクライアントは HTML と CSS の表示に関してブラウザーに何マイルも遅れをとっています。Emailologyは、これらすべてをうまく説明しています。一部の HTML メールにはまだ表を使用しています。恐ろしいことですが、それが今の状況です。

アップデート

上記のように、HTML にインラインでインポートできるようになりました。

score -1 · Accepted Answer

論理的に考えれば動作するはずですが、メールエージェントが許可していないようです。おそらく、彼らはそこで何らかのフィルターを実行しています。

1) 考えられる解決策は画像を使用することですが、一部のメールエージェントは、そうするように指示しない限り、デフォルトで画像を表示しません。

2) より良いオプションは、HTML5 と CSS3 を使用することです。これらは、ニュースレターの目的や、さらに言えば、あらゆる Web ページにとって効果的な方法になる可能性があります。

score -2 · Accepted Answer

動作していません....

ニュースレターを HTML 形式で送信します。また、リンクタグを使用してフォントを参照します。次に、Googleが指定した名前を使用します。

→参照

<link href='http://fonts.googleapis.com/css?family=Henny+Penny' rel='stylesheet' type='text/css'>

->使用

<p style="font-family: 'Henny Penny', cursive">
Your text goes here
<p>

うまくいきませんでした

4 に答える 4