> For the complete documentation index, see [llms.txt](https://newpanel.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://newpanel.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ą.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://newpanel.docs.emaillabs.io/poradniki/wyglad-i-zawartosc-e-maili/wybor-odpowiednich-czcionek-do-e-maili.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.