web-dev-qa-db-fra.com

Puis-je utiliser des icônes géniales pour les e-mails

Je développe une application Rails et nous devons envoyer des e-mails.

J'ai installé des icônes de polices impressionnantes via un Rails gem ( https://github.com/bokmann/font-awesome-Rails ) (j'utilise .scss)

Cela fonctionne très bien sur mes vues de page Web mais pas sur les e-mails. Au moins, gmail ne les affiche pas.

C'est normal ? Puis-je utiliser des polices impressionnantes sur les vues/mises en page des e-mails? Sinon, où pourrais-je trouver des versions png/svg d'icônes de polices impressionnantes afin que les icônes que j'utilise sur mes pages Web soient les mêmes que celles que j'utilise dans mes e-mails (par souci de cohérence)?

41
Mathieu

Vous ne pouvez pas utiliser les polices Web de manière fiable dans les e-mails html. Certains clients peuvent les respecter et les rendre, mais la majorité ne le font pas.

43
idlefingers

Vous pouvez utiliser ce site Web pour convertir les icônes en images, puis simplement télécharger les images et les télécharger sur Imgur. De là, vous pouvez utiliser <img> tags pour créer un lien vers les images Imgur.

Modifier:

Une meilleure solution serait d'héberger les images sur votre propre serveur avec le même domaine que le domaine de votre e-mail . Cela augmentera les chances que les images s'affichent automatiquement sur vos e-mails, car elles sont normalement masquées jusqu'à ce que l'utilisateur décide de les visualiser.

Par exemple, si j'ai utilisé [email protected] pour envoyer des e-mails, je hébergerais les images sur mydomain.com

35
dspacejs

Vous pouvez les intégrer sous forme d'images dans votre e-mail. Vous pouvez utiliser fa2png.io qui convertit les icônes impressionnantes de police en png de la taille requise ainsi que de la couleur.

5
Birlla

Vous pouvez les intégrer sous forme d'images dans votre e-mail. Pour les convertir en images, vous pouvez télécharger Font Awesome to PNG dans le Mac App Store. Il exportera des versions PNG des icônes impressionnantes de police dans n'importe quelle taille ou couleur.

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

4
bvogelzang

Vous pouvez essayer de sortir les icônes en PNG et les inclure dans votre e-mail HTML. Si vous êtes familier avec PHP, ce projet open source sur GitHub peut vous aider à les convertir automatiquement.

4
exiang