Zrozumienie czcionek w wiadomościach e-mail
Czego się dowiesz
Dowiedz się o możliwościach i ograniczeniach korzystania z czcionek online oraz o tym, jak wysyłać wiadomości e-mail zgodne z Twoją marką.
Szukasz informacji na temat korzystania z niestandardowych czcionek? Dowiedz się, jak używać niestandardowych czcionek.
Jak działają czcionki
Czcionki są reprezentacjami tekstu i mogą być używane w druku lub online media. Być może znasz niektóre z bardziej popularnych czcionek, takich jak Arial lub Times New Roman, ale istnieją tysiące innych czcionek, których możesz użyć do komunikacji i reprezentowania swojej marki.
W przypadku strony media (takiej jak strony internetowe lub poczta e-mail) opcje czcionek są niemal nieograniczone. Jednak gdy udostępnisz swoje dzieło komuś innemu, może ono nie wyglądać dokładnie tak samo, ponieważ nie wszystkie urządzenia mają dostęp do tych samych czcionek.
Istnieją dwa główne sposoby, w jakie urządzenie może uzyskać dostęp do czcionki i korzystać z niej: czcionki systemowe (tj. czcionki przechowywane na urządzeniu, z którego korzystasz) i czcionki internetowe (tj. czcionki ładowane z zewnętrznego serwera).
Informacje o czcionkach systemowychInformacje o czcionkach systemowych
Komputery i telefony są fabrycznie wyposażone w różne czcionki. Istnieje kilka powszechnie instalowanych czcionek (na przykład większość urządzeń jest dostarczana z czcionkami Georgia i Verdana), ale urządzenia mogą się znacznie różnić pod względem tego, co zawierają domyślnie. Czcionki używane przez większość urządzeń nazywane są czcionkami "web-safe".
O czcionkach internetowychO czcionkach internetowych
W odróżnieniu od czcionek bezpiecznych dla stron internetowych, czcionki internetowe są ładowane z zewnętrznego serwera w tym samym czasie, co przeglądana zawartość. Czcionki niestandardowe to zazwyczaj czcionki internetowe. Jeśli używasz czcionki internetowej, będziesz chciał również ustawić czcionkę awaryjną bezpieczną dla sieci, na wypadek gdyby określone urządzenie nie było w stanie załadować czcionki internetowej.
Informacje o czcionkach awaryjnychInformacje o czcionkach awaryjnych
Gdy przeglądasz cokolwiek online, niezależnie od tego, czy jest to strona internetowa, czy wiadomość e-mail, za kulisami znajduje się CSS (kod używany do stylizacji treści online), który mówi Twojemu urządzeniu, którą czcionkę wyświetlić. Jeśli twoje urządzenie nie może uzyskać dostępu do czcionki, sprawdzi CSS pod kątem "czcionki awaryjnej" (czcionki lub czcionek wybranych przez osobę, która utworzyła stronę internetową lub wiadomość e-mail, do użycia w przypadku, gdy preferowana czcionka nie była dostępna). Czcionki rezerwowe powinny być czcionkami bezpiecznymi dla sieci, z których może korzystać większość urządzeń. Dają one większą kontrolę nad tym, jak Twoja wiadomość wygląda, gdy ktoś wyświetla ją na urządzeniu, które nie obsługuje czcionek niestandardowych / internetowych.
Jeśli nie ma dostępnej czcionki awaryjnej lub jeśli czcionka awaryjna nie jest obsługiwana przez używane urządzenie, urządzenie użyje czcionki domyślnej, takiej jak Arial lub Times New Roman. Domyślne czcionki różnią się znacznie w zależności od urządzenia i aplikacji.
Jak działają czcionki w wiadomościach e-mailJak działają czcionki w wiadomościach e-mail
Niektóre klienty poczty e-mail obsługują czcionki internetowe, ale inne nie. Gdy ktoś otworzy Twoją wiadomość e-mail w skrzynce odbiorczej lub na urządzeniu, które nie obsługuje czcionek internetowych, zobaczy zamiast niej czcionkę domyślną. Możesz kontrolować, które czcionki systemowe są używane jako kopie zapasowe, ustawiając czcionkę awaryjną.
Jeśli ktoś otworzy Twoją wiadomość e-mail na urządzeniu, które obsługuje czcionki internetowe, załaduje czcionkę z adresu URL podanego w CSS wiadomości e-mail. Jeśli urządzenie jest w stanie uzyskać dostęp do czcionki, wyświetli ją; w przeciwnym razie przejdzie do czcionek awaryjnych.
Następujące klienty poczty e-mail obsługują czcionki internetowe (niestandardowe):
- Apple Mail
- iOS Mail (domyślna przeglądarka poczty e-mail w systemie iOS)
- Google Android (z wyjątkiem Androida 2.3, który nie obsługuje metody
@importużywanej przez czcionki Google i Adobe) - Samsung Mail (Android 8.0)
- Outlook dla komputerów Mac
Zwróć uwagę, że Gmail, jeden z największych klientów poczty e-mail, zazwyczaj nie obsługuje czcionek internetowych. Jest jednak jeden wyjątek: Gmail pomaga Roboto.
Optymalizacja czcionek w wiadomościach e-mailOptymalizacja czcionek w wiadomościach e-mail
Najlepszym sposobem na zapewnienie spójnego wyglądu wiadomości e-mail na różnych urządzeniach jest użycie czcionki bezpiecznej dla stron internetowych. Domyślne czcionki Klaviyo są generalnie bezpieczne dla stron internetowych. Znajdź czcionki dostarczane przez Klaviyo w:
- Treść > Obrazy & Marka > Aktywa marki
- Zakładka Style Twoich wiadomości e-mail
- Sekcja Style wszystkich bloków wiadomości e-mail zawierających tekst
- Zakładka Style w edytorze formularzy rejestracyjnych
Trzy z czcionek dostarczanych przez Klaviyo nie są obsługiwane przez niektóre urządzenia: Century Gothic, Tahoma i Apple Black. Czcionki te nie są preinstalowane na urządzeniach z systemem iOS (np. iPhone'ach), więc jeśli używasz tych czcionek, mogą one pojawiać się jako domyślna czcionka skrzynki odbiorczej podczas przeglądania na urządzeniu z systemem iOS.
Wskazówki dotyczące korzystania z niestandardowych czcionek
Jeśli wolisz używać niestandardowej czcionki, skorzystaj z poniższych wskazówek, aby upewnić się, że Twoje wiadomości e-mail wyglądają dobrze na różnych urządzeniach.
Używaj czcionek awaryjnych
Wybierz czcionkę awaryjną bezpieczną dla stron internetowych, która jak najlepiej pasuje do czcionki niestandardowej. Możesz wybrać czcionkę awaryjną z domyślnych czcionek Klaviyo podczas konfigurowania niestandardowej czcionki.
Używaj tekstu w obrazach
Podczas gdy e-mail składający się wyłącznie z obrazów może zaszkodzić Twojej dostarczalności, możesz strategicznie wykorzystać kombinację tekstu w obrazach i tekstu w bloku tekstowym, aby stworzyć e-mail zgodny z Twoją marką. Wybierz niestandardową, markową czcionkę do nagłówków i wezwań do działania (CTA) i połącz ją z czcionką bezpieczną dla stron internetowych, aby użyć jej do tekstu głównego.
Używaj obrazów zawierających czcionkę Twojej marki do zaznaczania tekstu i pamiętaj o dodaniu tekstu alternatywnego podczas dodawania obrazów do wiadomości e-mail. Następnie zastosuj czcionkę web-safe do reszty tekstu w wiadomości e-mail. Rezultatem jest markowa wiadomość e-mail, która pasuje do Twojej witryny, a jednocześnie jest dostępna dla skrzynek odbiorczych Twoich subskrybentów.
Przetestuj dokładnie
Niezależnie od wybranej metody, dokładnie przetestuj swoją pocztę e-mail, zwłaszcza w przypadku korzystania z nowego projektu. Wyślij wiadomość e-mail do siebie na wielu urządzeniach, aby upewnić się, że jesteś zadowolony z jej wyglądu na każdym z nich. Możesz także skorzystać z programów do testowania poczty e-mail, takich jak Litmus lub e-mail on Acid, aby przetestować przy użyciu szerszej gamy urządzeń.
Dodatkowe źródła