web-dev-qa-db-ja.com

メールでフォントの素晴らしいアイコンを使用できますか

Railsアプリを開発しており、メールを送信する必要があります。

Rails gem( https://github.com/bokmann/font-awesome-Rails )を使用してfont-awesomeアイコンをインストールしました(.scssを使用)

私のWebページビューでは正常に機能しますが、メールではnotです。少なくともgmailには表示されません。

正常ですか?メールの表示/レイアウトで素晴らしいフォントを使用できますか?そうでない場合、Webページで使用するアイコンが電子メールで使用するものと同じになるように(一貫性のため)素晴らしいフォントアイコンのpng/svgバージョンはどこにありますか?

41
Mathieu

HTMLメールでwebfontを確実に使用することはできません。一部のクライアントはそれらを尊重してレンダリングするかもしれませんが、大半はそうではありません。

43
idlefingers

this websiteを使用してアイコンを画像に変換し、画像をダウンロードしてImgurにアップロードすることができます。そこから<img>タグを使用して、Imgurイメージにリンクできます。

編集:

より良い解決策は、同じドメインをあなたのメールのドメイン。これにより、ユーザーがそれらを表示することを決定するまで通常は非表示になるため、画像が自動的にメールに表示される可能性が高くなります。

たとえば、[email protected]を使用してメールを送信した場合、mydomain.comで画像をホストします

35
dspacejs

メールに画像として埋め込むことができます。 fa2png.io を使用すると、フォントの素晴らしいアイコンを必要なサイズと色のpngに変換できます。

5
Birlla

メールに画像として埋め込むことができます。それらを画像に変換するには、Mac App Storeで Font Awesome to PNG をダウンロードできます。任意のサイズまたは色のPNGバージョンのフォントの素晴らしいアイコンをエクスポートします。

https://iTunes.Apple.com/us/app/font-awesome-to-png/id826676932?ls=1&mt=12

4
bvogelzang

アイコンをPNGに出力し、電子メールHTMLに含めることができます。 PHPに慣れている場合は、GitHubの このオープンソースプロジェクト を使用すると、PHPを自動的に変換できます。

4
exiang