Jak znaleźć i używać czcionek obsługiwanych przez pocztę e-mail w celu zapewnienia projektowania i czytelności
Opublikowany: 2021-08-18Czy kiedykolwiek stworzyłeś przypadkowo wiadomość e-mail i wybrałeś pierwszą widzianą czcionkę? Hit wysłać. Czy dobrze jest jechać?
Jeśli chodzi o projekt wiadomości e-mail, wybór czcionki może mieć ogromny wpływ na to, czy subskrybent kliknie lub przejdzie dalej. Nie tylko sprawiają, że Twój e-mail jest bardziej atrakcyjny wizualnie, ale także może poprawić ogólną czytelność. Wygląd, układ i styl współgrają ze sobą, tworząc unikalną typografię — w której może zabłysnąć Twoja poczta e-mail.
Chociaż nie ma nic złego w wykorzystywaniu tradycyjnych czcionek — takich jak Arial lub Times New Roman — do przekazywania wiadomości, istnieje wiele unikalnych czcionek obsługiwanych przez pocztę e-mail, które przeniosą Twoje kampanie na wyższy poziom.
Jeśli zastanawiasz się, jak znaleźć i wykorzystać czcionki internetowe obsługiwane przez pocztę e-mail, aby przyspieszyć kampanię e-mailową — mamy Twoje plecy! Przyjrzyjmy się, jak możesz zwiększyć zaangażowanie i czytelność, używając poprawnie czcionek internetowych.
Czym są czcionki internetowe?
Zanim zaczniesz kreatywnie, musisz poznać różnicę między czcionkami internetowymi a bezpiecznymi czcionkami internetowymi.
Czcionki bezpieczne w Internecie: Czcionki te najprawdopodobniej można znaleźć we wszystkich głównych systemach operacyjnych i dostawcach poczty e-mail, w tym Arial, Verdana, Georgia, Times New Roman i Courier. Marki nadal z nich korzystają, ponieważ są klasyczne i będą poprawnie renderowane na całym świecie.
Czcionki internetowe: specjalnie zaprojektowane i licencjonowane dla witryn internetowych, czcionki internetowe nie są domyślnie dostępne na wszystkich urządzeniach i systemach operacyjnych. Czcionki internetowe obejmują Roboto i Open Sans.
Chociaż czasami może być konieczne użycie tradycyjnych czcionek, czcionki internetowe pozwalają projektantowi na większą kreatywność, aby pomóc przekazać przesłanie marki i estetykę bez ograniczania się do wstępnie zainstalowanego tekstu.
Dlaczego czcionki obsługiwane przez pocztę e-mail mają znaczenie?
Jako specjalista ds. marketingu e-mailowego wiesz, że ważne jest, aby zachować markę dzięki stylowi, kolorom i typografii. Jednak musisz także stworzyć angażujący przekaz, który będzie rezonować z Twoimi subskrybentami. Czcionki obsługiwane przez pocztę e-mail działają jako rozszerzenie Twojej marki, umożliwiając wykorzystanie tekstu w nagłówku, treści i nakładce graficznej do kreatywnego — i przystępnego — zaprojektowania wiadomości.
Jeśli Twoja marka jest nieco głupkowata — możesz stać się dużym i wykorzystać zabawny, stylowy typ. Jeśli jednak jesteś bardziej warty opublikowania, możesz chcieć trzymać się czegoś bardziej standardowego. Czcionki internetowe zapewniają elastyczność i kreatywność.
Gdzie można znaleźć czcionki internetowe?
Chociaż istnieje wielu dostawców czcionek internetowych, chcesz mieć pewność, że firma licencjonuje czcionki internetowe w wiadomościach e-mail (nie tylko w witrynach internetowych lub na urządzeniach mobilnych) i że postępujesz zgodnie z ich wytycznymi dotyczącymi dystrybucji. Zalecani dostawcy czcionek obsługujących pocztę e-mail obejmują:
Czcionki Google
Typekit firmy Adobe
Moje Czcionki
Typ handlowy
Czcionka Wiosna
Sklep z czcionkami
Którzy klienci poczty e-mail obsługują czcionki internetowe?
Gdy wyjdziesz poza bezpieczne czcionki internetowe, użyjesz czcionek, które są pobierane podczas otwierania wiadomości. Należy pamiętać, że nie wszystkie urządzenia obsługują określone czcionki — dlatego skonfigurujesz kaskadowe arkusze stylów, aby utworzyć „stosy czcionek”. Te stosy czcionek są używane jako kopie zapasowe w przypadku, gdy wybrana czcionka nie integruje się.
Po wybraniu czcionek internetowych ważne jest, aby zastanowić się, jak będzie wyświetlać się rzeczywisty dostawca usług poczty e-mail. Zazwyczaj te klienty poczty e-mail oferują obsługę czcionek internetowych:
Poczta iOS
Poczta Apple
Android (domyślny klient poczty)
Perspektywy 2000
Outlook.com
Thunderbird
Jeśli dostawca poczty e-mail nie wyświetla czcionek internetowych — nie wszystko stracone — dlatego konfigurujesz te przydatne stosy czcionek jako kopię zapasową. Stosy czcionek zapewnią, że wiadomość e-mail nadal będzie miała podobną estetykę, jak pierwotnie zamierzałeś. Dodatkowo każdy klient poczty e-mail ma domyślną czcionkę, którą subskrybenci zobaczą zamiast czcionki internetowej. Wartości domyślne obejmują:
Gmail: Arial
Poczta Apple: Helvetica
Microsoft Outlook: Kalifornia
Jak wybrać odpowiednie czcionki internetowe do kampanii e-mailowej?
Teraz, gdy znasz już podstawy czcionek internetowych, nadszedł czas, aby odkryć najlepsze sposoby wyboru właściwej typografii dla kampanii e-mailowych. Czcionki obsługiwane przez e-mail są kluczowe w dostarczaniu wiadomości i mają możliwość zwiększenia współczynników klikalności i współczynników konwersji.
Pomyśl o tym w ten sposób — ludzie są wizualni. Jak często odbierałeś produkt w sklepie spożywczym tylko z powodu jego jaskrawego, zabawnego opakowania? To samo dotyczy e-maili. Twoi subskrybenci są bardziej skłonni do otwierania, klikania i kupowania z Twoich e-maili, jeśli nie tylko treść im odpowiada, ale jest również dostarczana w atrakcyjnym wizualnie projekcie.
Dzięki setkom różnych czcionek internetowych do wyboru, oto trzy sposoby zawężenia wyboru, aby wybrać najlepszą czcionkę obsługiwaną przez pocztę e-mail dla swoich kampanii.
1. Wybierz odpowiednią czcionkę treści.
Twoja czcionka powinna być rozpoznawalna i dostępna do odczytania dla osób z niepełnosprawnością wzroku. Jeśli masz więcej treści w treści, zaleca się użycie czcionki szeryfowej — takiej jak Georgia i Verdana — która zawiera tekst z dłuższymi blokami.
Chociaż Arial i Helvetica były kiedyś popularnymi wyborami, litery takie jak p, b, q i d wyglądają zbyt jednolicie i są trudniejsze do odróżnienia. W przypadku czcionki szeryfowej dodawane są dodatkowe obrysy, aby nadać literom więcej charakteru. Ponieważ wiadomości e-mail muszą być możliwe do zeskanowania, szerokie litery i spójne odstępy ułatwiają subskrybentom szybkie czytanie.
Źródło: W3Schools
Weźmy ten przykład CAVA Dips, który wykorzystuje czytelną czcionkę szeryfową w połączeniu z bardziej stylizowanym nagłówkiem i wezwaniem do działania.
Źródło: Naprawdę dobre e-maile
Chociaż szeryf jest idealny do dłuższych wiadomości e-mail, używanie czcionki bezszeryfowej jest nadal czytelne i akceptowalne. Cater 2 Me, mając tylko jedną linię tekstu głównego, utrwalił projekt czcionki internetowej. Daje cios i przechodzi od razu do sedna, nie rozpraszając się.
Źródło: Naprawdę dobre e-maile
2. Użyj stylizowanego nagłówka ze sparowaną czcionką treści.
Chociaż może się to wydawać bardziej „proste”, użycie tej samej czcionki w nagłówku i treści pomoże ustalić lepszą tożsamość marki i zapewnić, że cała wiadomość pojawi się w kliencie poczty e-mail. Podczas tworzenia wiadomości e-mail upewnij się, że nagłówek i treść mają różne rozmiary oraz różne dopełnienie i styl, aby lepiej je odróżnić. Należy również zauważyć, że im więcej masz czcionek internetowych, tym dłużej trwa ładowanie wiadomości e-mail — co jest kolejną zaletą używania tylko jednej czcionki.
Weźmy ten przykład z Lululemon. Firma używa nagłówków, które są dwa razy większe niż tekst podstawowy, z wystarczającym wypełnieniem między nimi. Abonenci mogą łatwo rozróżnić te dwa elementy, tworząc czysty, klasyczny design.
Źródło: Naprawdę dobre e-maile
Jeśli jednak chcesz być bardziej kreatywny, łączenie różnych czcionek, które się uzupełniają, może pomóc wyróżnić się w skrzynce odbiorczej i utrzymać zaangażowanie subskrybentów. Zaleca się używanie tylko dwóch czcionek internetowych na wiadomość e-mail, ale może to być trudne, ponieważ nie chcesz, aby czcionki były nieczytelne i niedostępne. Jeśli szukasz sposobu na odkrycie porównywalnych czcionek, możesz użyć Pary czcionek, aby znaleźć najbardziej wpływowe zestawienia czcionek do projektu wiadomości e-mail.
Tattly wykonuje świetną robotę, łącząc ze sobą dwie różne czcionki, zachowując jednocześnie zgodność ze standardami marki. Nagłówek natychmiast przykuwa twoją uwagę i przyciąga wzrok do ciała, aby zobaczyć, z czym wiąże się sprzedaż. Dzięki zdjęciom możesz powiedzieć, że ta marka jest bardziej beztroska - więc wiele czcionek działa.
Źródło: Naprawdę dobre e-maile
3. Stwórz spójną strukturę czcionek.
Po wybraniu czcionek internetowych należy wziąć pod uwagę wiele innych elementów, takich jak rozmiar czcionki, odstępy, łącza i przyciski, kolory i inne. Te funkcje pomogą zachować spójność e-maili bez względu na to, na jakim etapie ścieżki klienta znajdują się Twoi subskrybenci.
Czcionka: w przypadku tekstu podstawowego czcionka powinna mieć rozmiar 14 pikseli na komputerze i 16 pikseli na urządzeniach mobilnych. Korzystając z responsywnego projektu, sprawdź, czy czcionki obsługiwane przez pocztę e-mail będą automatycznie zmieniać rozmiary ekranu.
Odstępy: szczególnie między nagłówkiem a tekstem głównym upewnij się, że masz szeroką linię od 22 do 24 pikseli. Zbyt wąskie przestrzenie mogą zmniejszyć czytelność i zaangażowanie.
Linki i przyciski: Tworząc linki i przyciski, nie używaj oddzielnej czcionki do podkreślenia głównej frazy i sprawdź, czy zawiera ona link do kotwicy. Przyciski to świetny stylizowany sposób na zwrócenie uwagi na wezwanie do działania.
Kolory: używaj tylko trzech kolorów, które identyfikują się ze standardami Twojej marki — jeden kolor nagłówka, jeden do ciała i ostatni do linków.
Zakończyć
Jeśli zastanawiasz się nad użyciem czcionek internetowych w swoich kampaniach e-mailowych — mówimy, żebyś to zrobił! Czcionki internetowe to świetny sposób na przyciągnięcie uwagi odbiorców i pomoc w przekształceniu potencjalnych klientów w klientów dzięki efektownemu projektowi wiadomości e-mail. Wybierając czcionki obsługiwane przez pocztę e-mail, pamiętaj, aby:
Utwórz zapasowe stosy czcionek
Użyj stylu czcionki szeryfowej
Sparuj tekst nagłówka z tekstem głównym
Opracuj spójną strukturę czcionek dla wszystkich przyszłych kampanii
Czy jesteś gotowy, aby zacząć projektować własne kampanie e-mailowe z czcionkami internetowymi? Emma oferuje zarówno edytor typu „przeciągnij i upuść”, jak i możliwość kodowania wiadomości e-mail całkowicie od zera. Wypróbuj demo już dziś, aby dowiedzieć się więcej!