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ą.

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 uzyskać dostęp do czcionki i z niej korzystać: czcionki systemowe (tj. czcionki zapisane na urządzeniu, z którego korzystasz) oraz czcionki internetowe (tj. czcionki wczytywane 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.

Obsługa czcionek internetowych zależy od aplikacji pocztowej, jej wersji oraz typu konta e-mail. Przykłady klientów obsługujących czcionki internetowe to:

• Apple Mail
• iOS Mail (domyślna aplikacja e-mail na iOS)
• Niektóre aplikacje e-mail na Androida (obsługa różni się w zależności od aplikacji; Android 2.3 nie obsługuje metody @import używanej przez czcionki Google i Adobe)
• Samsung Email na Androidzie, z wyjątkiem sytuacji, gdy używasz adresu e-mail Microsoft, takiego jak Outlook.com lub Hotmail
• Outlook dla Mac 2011 i 2016; Outlook dla Mac 16.80 nie obsługuje czcionek internetowych

Gmail, w tym aplikacja Gmail na Androidzie, zazwyczaj nie obsługuje fontów internetowych. Webmail Gmaila na komputerze może wyświetlać Roboto i Google Sans, ponieważ Gmail uwzględnia je we własnych stylach. Nie oznacza to, że Gmail może wczytywać inne niestandardowe fonty z Twojego e-maila. Ustaw font zastępczy i przetestuj e-mail w aplikacjach Gmaila, z których korzystają Twoi odbiorcy.

Szczegóły według aplikacji e-mail i wersji znajdziesz w tabeli obsługi czcionek internetowych w Can I email.

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:

• Zawartość > Multimedia i marka > Marka: wybierz Czcionki. Jeśli zamiast tego widzisz Styl, wybierz go, aby znaleźć sekcję Czcionki.
• Panel Edytuj style w edytorze szablonu e-mail
• Pasek narzędzi formatowania tekstu podczas edytowania tekstu w bloku tekstowym lub kontrolki czcionki w innych blokach zawierających tekst
• Panel Edytuj style w edytorze formularza rejestracyjnego

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ć Twojej dostarczalności, możesz strategicznie użyć połączenia tekstu w obrazach oraz tekstu w blokach tekstowych, aby stworzyć e-mail zgodny z Twoją marką. Wybierz niestandardową czcionkę zgodną z identyfikacją marki dla nagłówków i wezwań do działania (CTA), a następnie połącz ją z czcionką bezpieczną dla sieci, której użyjesz w tekście głównym. Zachowaj też kluczowe informacje i główne wezwanie do działania (CTA) w blokach tekstowych lub blokach przycisku, aby odbiorcy mogli z nich korzystać nawet wtedy, gdy obrazy się nie wczytają.

Używaj obrazów zawierających font Twojej marki dla wybranych fragmentów tekstu i pamiętaj, aby dodać tekst alternatywny, gdy dodajesz obrazy do e-maila. Następnie zastosuj font bezpieczny dla internetu do pozostałej części tekstu w e-mailu. Dzięki temu możesz używać fontu swojej marki, a jednocześnie zachować czytelność pozostałej części e-maila, gdy obrazy się nie wczytają.

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ń.

Dodatkowe źródła