Wybór Odpowiednich Czcionek do E-maili
Wybór czcionki (fontu) w e-mailach ma kluczowe znaczenie dla czytelności i spójności wizerunku marki, ale podlega istotnym ograniczeniom technicznym. Nie każdy font wyświetli się poprawnie u wszystkich odbiorców.
Czcionki Bezpieczne (Web Safe Fonts)
To standardowe czcionki, które są zainstalowane na większości systemów operacyjnych (Windows, macOS, iOS, Android). Ich użycie daje niemal 100% gwarancję, że tekst będzie wyglądał tak samo lub bardzo podobnie u wszystkich odbiorców.
Najpopularniejsze Czcionki Bezpieczne:
Czcionki Niestandardowe (Custom Fonts / Web Fonts)
Można próbować używać niestandardowych czcionek (np. z Google Fonts) za pomocą deklaracji @font-face w sekcji <head> szablonu. Należy jednak pamiętać, że wsparcie dla nich w klientach pocztowych jest bardzo ograniczone. Większość popularnych programów (w tym Gmail, Outlook i WP.pl) zignoruje taką czcionkę i wyświetli tekst przy użyciu czcionki zapasowej.
Zawsze Stosuj Czcionki Zapasowe (Fallback Fonts)
Niezależnie od tego, czy używasz czcionki niestandardowej, czy bezpiecznej, zawsze definiuj listę czcionek zapasowych (tzw. font stack) w CSS. Listę zakończ ogólną rodziną (sans-serif lub serif).
Przykład:
font-family: 'Open Sans', Verdana, sans-serif;
Dzięki temu, jeśli klient poczty nie obsłuży czcionki 'Open Sans', spróbuje użyć czcionki Verdana. Jeśli jej również nie znajdzie, użyje domyślnej systemowej czcionki bezszeryfowej.
Czytelność jest Kluczowa
Wybieraj proste i czytelne kroje pisma, zwłaszcza dla dłuższych bloków tekstu. Unikaj zbyt ozdobnych lub stylizowanych fontów, które mogą utrudniać czytanie i zmniejszać przyswajalność treści.
Zadbaj o Rozmiar i Odstępy
Używaj odpowiednio dużego rozmiaru czcionki – minimum 14px, a zalecane 16px dla tekstu głównego. Zapewnij też właściwą interlinię (odstęp między wierszami), ustawiając line-height na ok. 1.5. Ułatwi to czytanie, zwłaszcza na urządzeniach mobilnych, i jest kluczowym elementem dostępności cyfrowej.
Unikaj Tekstu w Formie Obrazków
Nigdy nie umieszczaj ważnych informacji (nagłówków, cen, wezwań do działania) w plikach graficznych tylko po to, by użyć niestandardowej czcionki. Takie rozwiązanie ma wiele wad:
Gdy obrazki zostaną zablokowane, odbiorca nie zobaczy kluczowej treści.
Tekst w grafice nie jest dostępny dla czytników ekranu.
Nie skaluje się poprawnie na urządzeniach mobilnych.
Może negatywnie wpływać na ocenę antyspamową.
Last updated