> For the complete documentation index, see [llms.txt](https://docs.emaillabs.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.emaillabs.io/poradniki/wyglad-i-zawartosc-e-maili/wybor-odpowiednich-czcionek-do-e-maili.md). # 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 `` 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ą.