search
API DOCSEmail API & Cloud SMTPCennikBlog

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.

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

hashtag
Najpopularniejsze Czcionki Bezpieczne:

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

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

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

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

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

PreviousOptymalizacja Preheadera (Tekstu Zapowiedzi)NextOptymalizacja Obrazów w E-mailach

Last updated