Informacje o czcionkach w e-mailach
Czego się dowiesz?
Dowiedz się więcej o możliwościach i ograniczeniach korzystania z fontów online oraz o tym, jak wysyłać e-maile spójne z Twoją marką.
Szukasz informacji o tym, jak używać 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 mediach online. Możesz znać niektóre z bardziej popularnych czcionek, takie jak Arial lub Times New Roman, ale istnieją tysiące innych czcionek, których można użyć do komunikowania i reprezentowania marki.
W mediach online (takich jak strony internetowe lub e‑maile) wybór czcionek jest niemal nieograniczony. Jednak gdy udostępnisz swoją kreację komuś innemu, może ona 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 uzyskiwać dostęp do czcionki i z niej korzystać: czcionki systemowe (tj. czcionki zapisane na urządzeniu, którego używasz) oraz czcionki internetowe (tj. czcionki ładowane z zewnętrznego serwera)
Informacje o czcionkach systemowych
Komputery i telefony są fabrycznie wyposażone w różne czcionki. Istnieją pewne powszechnie instalowane czcionki (np. większość urządzeń ma Georgia i Verdana), ale zestaw czcionek domyślnych może się znacznie różnić w zależności od urządzenia. Czcionki używane przez większość urządzeń nazywa się czcionkami „bezpiecznymi dla internetu”.
Informacje o czcionkach internetowych
W odróżnieniu od czcionek bezpiecznych dla stron internetowych czcionki internetowe są ładowane z zewnętrznego serwera w tym samym czasie co wyświetlane treści. Czcionki niestandardowe to zazwyczaj czcionki internetowe. Jeśli używasz czcionki internetowej, warto też ustawić bezpieczną dla stron internetowych czcionkę zastępczą na wypadek, gdyby dane urządzenie nie mogło załadować czcionki internetowej.
Informacje o czcionkach zastępczych
Gdy przeglądasz cokolwiek online, niezależnie od tego, czy jest to strona internetowa, czy e-mail, w tle działa CSS (kod używany do stylizowania treści online), który informuje Twoje urządzenie, jaką czcionkę wyświetlić. Jeśli urządzenie nie ma dostępu do tej czcionki, sprawdzi w CSS „czcionkę zapasową” (czcionkę lub czcionki wybrane 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 zapasowe powinny być czcionkami bezpiecznymi dla internetu, z których może korzystać większość urządzeń. Dają większą kontrolę nad tym, jak wiadomość wygląda, gdy ktoś wyświetla ją na urządzeniu, które nie obsługuje niestandardowych/czcionek internetowych.
Jeśli nie ma dostępnej czcionki zastępczej lub czcionka zastępcza nie jest obsługiwana przez używane urządzenie, wtedy urządzenie użyje czcionki domyślnej, takiej jak Arial lub Times New Roman. Czcionki domyślne znacznie różnią się w zależności od urządzeń i aplikacji.
Jak działają czcionki w e-mailu
Niektóre klienty poczty e-mail obsługują czcionki internetowe, ale inne nie. Gdy ktoś otworzy e-maila w skrzynce odbiorczej lub na urządzeniu, które nie obsługuje czcionek internetowych, zamiast tego zobaczy używaną domyślną czcionkę. Można kontrolować, które czcionki systemowe są używane jako kopie zapasowe, ustawiając czcionkę zapasową.
Jeśli ktoś otworzy e-mail na urządzeniu obsługującym czcionki internetowe, czcionka zostanie załadowana z adresu URL podanego w CSS e-maila. Jeśli urządzenie ma dostęp do czcionki, wyświetli ją; w przeciwnym razie przejdzie do czcionek zapasowych.
Następujące klienty poczty e-mail obsługują czcionki internetowe (niestandardowe):
- Apple Mail
- iOS Mail (domyślny klient poczty e-mail w systemie iOS)
- Google Android (z wyjątkiem systemu Android 2.3, który nie obsługuje metody
@importużywanej przez czcionki Google i Adobe) - Samsung Mail (Android 8.0)
- Outlook na komputerach Mac
Pamiętaj, że Gmail, jeden z największych klientów poczty e-mail, zazwyczaj nie obsługuje czcionek internetowych. Istnieje jednak jeden wyjątek: Gmail obsługuje Roboto.
Optymalizowanie czcionek w e-mailach
Najlepszym sposobem, aby mieć pewność, że e-mail będzie wyglądać spójnie na różnych urządzeniach, jest użycie czcionki bezpiecznej dla internetu. Domyślne czcionki w Klaviyo są zazwyczaj bezpieczne dla internetu. Czcionki udostępniane przez Klaviyo znajdziesz w:
- Treści > Obrazy i marka > Zasoby marki
- Karta Style w Twoich e-mailach
- Sekcja Style w dowolnych blokach e-mail zawierających tekst
- Karta Style w edytorze formularza rejestracyjnego
Trzy czcionki udostępniane przez Klaviyo nie są obsługiwane przez niektóre urządzenia: Century Gothic, Tahoma i Apple Black. Te czcionki nie są fabrycznie zainstalowane na urządzeniach iOS (np. iPhone’ach), więc jeśli używasz tych czcionek, mogą być wyświetlane jako domyślna czcionka skrzynki odbiorczej podczas wyświetlania na urządzeniu iOS.
Wskazówki dotyczące używania niestandardowych czcionek
Jeśli wolisz używać niestandardowej czcionki, skorzystaj z poniższych wskazówek, aby mieć pewność, że e-maile będą wyglądać dobrze na różnych urządzeniach.
Użyj czcionek zastępczych
Wybierz bezpieczną dla sieci czcionkę zastępczą, która jak najbardziej pasuje do czcionki niestandardowej. Możesz wybrać czcionkę zastępczą z domyślnych czcionek Klaviyo podczas konfigurowania czcionki niestandardowej.
Używaj tekstu na obrazach
Chociaż e-mail składający się wyłącznie z obrazów może zaszkodzić dostarczalności, możesz strategicznie łączyć tekst na obrazach z tekstem w blokach tekstowych, aby stworzyć e-mail zgodny z Twoją marką. Wybierz niestandardową, firmową czcionkę dla nagłówków i wezwań do działania (CTA), a następnie zestaw ją z czcionką bezpieczną dla sieci, której użyjesz w treści wiadomości.
W przypadku wybranego tekstu używaj obrazów zawierających font Twojej marki i pamiętaj, aby dodać tekst alternatywny podczas dodawania obrazów do e-maila. Następnie zastosuj font bezpieczny dla sieci do pozostałej części tekstu w e-mailu. Efektem jest e-mail w stylu Twojej marki, który pasuje do Twojej strony, a jednocześnie jest dostępny w skrzynkach odbiorczych Twoich subskrybentów.
Przetestuj dokładnie
Niezależnie od tego, które metody wybierzesz, dokładnie przetestuj e-maile, szczególnie podczas korzystania z nowego projektu. Wyślij e-mail do siebie na wielu urządzeniach, aby mieć pewność, że wygląd na każdym z nich Ci odpowiada. Możesz też skorzystać z programów do testowania e-maili, takich jak Litmus lub Email on Acid, aby przetestować na szerszej gamie urządzeń.