użycie nietypowych fontów nieobsługiwanych przez klientów poczty

Nietypowe fonty nieobsługiwane przez klientów poczty są automatycznie zastępowane czcionką domyślną.

Dlaczego odbiorca widzi inną czcionkę

Wiadomość e-mail nie jest wyświetlana przez jeden wspólny program, lecz przez klienta poczty działającego w konkretnym systemie i środowisku. Przykładami takich programów są Outlook, Apple Mail, Thunderbird oraz interfejsy webmail, takie jak Gmail. Każdy z nich może stosować własne zasady obsługi arkuszy stylów, zewnętrznych zasobów i fontów. Jeżeli wiadomość odwołuje się do kroju pisma, którego klient poczty nie zna albo którego nie może pobrać, tekst jest renderowany przy użyciu innego fontu dostępnego lokalnie.

Mechanizm ten określa się jako zastępowanie lub fallback fontu. W kodzie HTML wiadomości można wskazać listę krojów w deklaracji CSS font-family, na przykład konkretny font, następnie rodzinę ogólną Arial, a na końcu sans-serif. Klient próbuje użyć pierwszej dostępnej pozycji. Jeżeli nie znajdzie wskazanego kroju, przechodzi do kolejnej. Z tego powodu nietypowy font nie zawsze powoduje uszkodzenie wiadomości, ale może zmienić jej wygląd, szerokość tekstu, wysokość wierszy i położenie elementów.

Font zainstalowany na komputerze a font w wiadomości

Czcionka zainstalowana na komputerze nadawcy nie zostaje automatycznie przesłana razem z wiadomością. Gdy autor tworzy treść w programie pocztowym, jego aplikacja może korzystać z fontu obecnego w systemie Windows, macOS albo innym środowisku. Po wysłaniu odbiorca otrzymuje przede wszystkim strukturę wiadomości, tekst oraz dołączone zasoby, a nie pełny zestaw wszystkich krojów użytych podczas redagowania. Jeśli identycznego fontu nie ma na komputerze odbiorcy, klient poczty wybierze czcionkę zastępczą.

Osobną kwestią są fonty internetowe ładowane z serwera, na przykład za pomocą reguły @font-face. Część klientów pocztowych usuwa takie odwołania, ogranicza ich działanie albo nie pobiera zewnętrznych plików z powodów bezpieczeństwa i prywatności. Nawet gdy ładowanie jest technicznie możliwe, może zostać zablokowane przez ustawienia użytkownika, filtr poczty lub mechanizm ochrony przed śledzeniem. W wiadomości HTML nie należy więc zakładać, że odbiorca otrzyma ten sam krój z adresu internetowego.

Plik fontu może być również osadzony jako zasób wiadomości, lecz obsługa takiego rozwiązania zależy od klienta pocztowego i formatu wiadomości. Nie wszystkie programy akceptują osadzone fonty, a część filtrów usuwa nieznane lub potencjalnie niebezpieczne elementy. Osadzanie kroju nie rozwiązuje także problemu licencji. Font może mieć ograniczenia dotyczące dystrybucji, osadzania i udostępniania w dokumentach elektronicznych, dlatego przed użyciem trzeba sprawdzić warunki licencyjne konkretnego pliku.

Skutki zastąpienia nietypowego kroju

Zmiana fontu wpływa nie tylko na estetykę. Kroje o tej samej deklarowanej wielkości mogą mieć różną szerokość znaków, wysokość liter, grubość oraz odstępy. W rezultacie nagłówek może zająć więcej miejsca i przejść do następnego wiersza, przycisk może stać się wyższy, a kolumny w tabeli mogą przestać mieścić się w założonym układzie. Różnice są szczególnie widoczne w wiadomościach przygotowanych jako rozbudowany HTML, w których pozycjonowanie zależy od szerokości tekstu.

Problemy mogą dotyczyć również znaków narodowych i symboli. Jeżeli wybrany font nie zawiera glifów dla polskich znaków, takich jak ą, ć, ę, ł, ń, ó, ś, ż i ź, klient może użyć dodatkowego fontu tylko dla brakujących znaków. Powstaje wtedy mieszany zapis o różnej wysokości lub grubości liter. Brak glifu może też objawić się pustym prostokątem, znakiem zastępczym albo nieprawidłowym symbolem. Ostateczny rezultat zależy od systemu operacyjnego, ustawień renderowania i zestawu fontów zainstalowanych u odbiorcy.

Bezpiecznym rozwiązaniem jest użycie krojów powszechnie dostępnych oraz zdefiniowanie zapasowej rodziny fontów. Warto sprawdzać wiadomość w kilku używanych klientach poczty, na komputerze i urządzeniu mobilnym, przy włączonym oraz zablokowanym ładowaniu zewnętrznych zasobów. Test powinien obejmować długie nagłówki, polskie znaki, tekst pogrubiony, kursywę, linki i przyciski. Obrazy zawierające tekst mogą zachować wygląd, ale tekst umieszczony na grafice nie jest tak łatwy do zaznaczenia, przeszukania i odczytania przez technologie asystujące jak zwykły tekst HTML.

Diagnostyka wiadomości i dobór rozwiązania

Przy diagnozowaniu różnic należy najpierw sprawdzić źródło wiadomości i odszukać deklaracje font-family, reguły @font-face oraz style przypisane do elementów tekstowych. Następnie trzeba ustalić, czy używany krój jest dostępny w systemie odbiorcy i czy klient poczty respektuje odpowiedni fragment CSS. Jeżeli w kodzie brakuje fontu zapasowego, warto dodać rodzinę ogólną, taką jak serif, sans-serif lub monospace. Nie należy jednak oczekiwać identycznych wymiarów tekstu w każdym programie, ponieważ silniki renderujące mogą różnić się między sobą.

Warszawskie Pogotowie Komputerowe zajmuje się profesjonalną naprawą laptopów, komputerów PC i podzespołów, a przy problemach z wyświetlaniem wiadomości może pomóc odróżnić błąd klienta poczty od braku fontu, uszkodzonej konfiguracji systemu lub nieprawidłowego kodu HTML. W praktyce przydatne jest porównanie tej samej wiadomości w kilku aplikacjach, sprawdzenie ustawień blokowania obrazów i zasobów zewnętrznych oraz przeanalizowanie, czy problem dotyczy wszystkich wiadomości, czy tylko jednego nadawcy.