2013-07-26 11 views
29

Zajmuję się tworzeniem aplikacji Rails i musimy wysyłać wiadomości e-mail.Czy mogę używać czcionek niesamowitych ikon na wiadomościach e-mail?

Mam zainstalowany font-niesamowite ikony przez gem szyn (https://github.com/bokmann/font-awesome-rails) (używam .scss)

Działa dobrze na moich poglądów stron internetowych, ale nie na e-maile. Przynajmniej gmail ich nie wyświetla.

To normalne? Czy mogę używać fantastycznych czcionek w widokach/układzie e-maili? Jeśli nie, to gdzie mogę znaleźć wersje png/svg wspaniałych ikon czcionek, aby ikony, których używam na moich stronach internetowych były takie same jak te, których używam na moich e-mailach (dla spójności)?

Odpowiedz

35

Nie można używać webfonts niezawodnie w wiadomościach e-mail w formacie HTML. Niektórzy klienci mogą je szanować i renderować, ale większość nie.

+0

mam. czy wiesz, gdzie mogę znaleźć wersje png/svg ikon awesomefonts, aby ikony, których używam na moich stronach są takie same jak te, których używam na moich e-mailach (dla spójności)? – Mathieu

+1

Niestety, nie wiem w ogóle o awesomefonts. Ponieważ wielu klientów będzie blokować obrazy, chyba że chcesz, aby duża część twojej wiadomości e-mail była pomijana, dopóki użytkownik nie kliknie, aby wyświetlić obrazy, prawdopodobnie lepiej będzie, jeśli będziesz mieć inny projekt e-maili. – idlefingers

+1

@Mathieu, co jest problemem z tworzeniem png dla tych, których potrzebujesz? –

3

Możesz spróbować wypisać ikony do pliku PNG i dołączyć do swojego HTML-a. Jeśli znasz PHP, this open source project w GitHub może pomóc w automatycznej konwersji.

+0

Użyłem go, działa ładnie z linii poleceń i generuje różne rozmiary i kolory (i pozwala ci to skonfigurować), to jest dokładnie to, czego potrzebuję dla moich e-maili, tak jak pytał OP. – hakunin

4

Można je osadzić jako obrazy w wiadomości e-mail. Aby przekonwertować je na obrazy, pobierz aplikację Font Awesome to PNG ze sklepu Mac App Store. Będzie eksportować wersje PNG fontów niesamowite ikony w dowolnym rozmiarze lub kolorze.

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

+0

Większość (jeśli nie wszystkie) klientów poczty e-mail blokuje osadzone obrazy. iOS Mail jest jednym z niewielu klientów pocztowych, który pozwala ... –

2

można osadzić je jako obrazy w wiadomości e-mail. Możesz użyć tego link, który zamienia czcionki niesamowite ikony na png o wymaganym rozmiarze, a także kolor.

27

Możesz użyć strony internetowej this, aby przekonwertować ikony na obrazy, a następnie po prostu pobrać zdjęcia i przesłać je do Imgur. Stamtąd możesz użyć tagów <img>, aby połączyć się z obrazami Imgura.

Edit:

Lepszym rozwiązaniem byłoby zorganizować obrazy na własnym serwerze z samej domenie jako swojego pocztowego domenie. Zwiększa to prawdopodobieństwo automatycznego wyświetlania obrazów w wiadomościach e-mail, ponieważ zwykle są one ukryte, dopóki użytkownik nie zdecyduje się je wyświetlić.

Na przykład, jeśli użyłem [email protected] do wysyłania e-maili, bym gospodarzem obrazów na mydomain.com

+0

Ładny link;) Dzięki – Aleks

Powiązane problemy