Czcionki do zrzutów ekranu sprawdzające się we wszystkich językach App Store
Dobór czcionki w zrzutach ekranu App Store ma trzy ograniczenia, których większość ogólnych decyzji typograficznych nie ma: czytelność w miniaturze, zachowanie renderera App Store oraz pokrycie systemów pisma w 50 językach. Wybierz czcionkę, która zawodzi którekolwiek z tych kryteriów, a twoja karuzela będzie konwertować gorzej niż powinna.
Test czytelności w miniaturze
Wyniki wyszukiwania App Store pokazują zrzuty ekranu w szerokości około 200–260 px — mniej więcej 1/6 oryginalnego rozmiaru 1320 × 2868. Tekst podpisu o wysokości 100 px w projekcie renderuje się na ~15 px w miniaturze. W tym rozmiarze czcionki o cienkich liniach (Helvetica Light, Avenir Next Ultra-Light, Playfair Display Thin) stają się niewyraźnymi plamami.
Czcionki, które wytrzymują rozmiar miniatury, mają kilka wspólnych cech:
- Duża wysokość x (wyższe małe litery względem wersalików)
- Duża grubość (700–900)
- Otwarte aperturki (przestrzeń negatywna w literach takich jak 'c', 'e', 'a' pozostaje otwarta przy małych rozmiarach)
- Stała grubość linii (brak kontrastu cienka–gruba)
Czcionki sprawdzające się w językach łacińskich
Przetestowane i sprawdzone w karuzelach App Store:
- Inter (bezpłatna, open source) — nasza domyślna. Inter Bold i Inter Black renderują się dobrze w każdym rozmiarze. Obsługuje łacinę, cyrylicę, grekę i wietnamski od razu. Najczęstsza czcionka zrzutów ekranu aplikacji w ekosystemie indie 2025–2026.
- SF Pro (systemowa Apple) — własny krój pisma Apple. Bezpłatna do użytku marketingowego w aplikacjach iOS zgodnie z licencją czcionek Apple. Renderuje się identycznie na każdym urządzeniu iOS. Nieco bardziej "Apple-owski" wygląd niż Inter, co może być zaletą lub wadą zależnie od marki.
- Söhne (płatna, Klim Type Foundry) — faworyt ery OpenAI / Anthropic. Używana przez Linear, OpenAI, Vercel. Wiele grubości. Droga licencja.
- GT America (płatna, Grilli Type) — geometryczny sans-serif, wiele grubości, sprawdza się w marketingu. Używana przez Notion, Stripe i inne.
- Geist (bezpłatna, Vercel) — niedawna wersja open source. Świetnie wygląda w rozmiarach miniatur. Ograniczona obsługa cyrylicy/greki.
- Roboto / Roboto Flex (Google, bezpłatna) — domyślna na Android. Rzadziej stosowana w karuzelach iOS, ale czyta się dobrze.
Czcionki, które nie działają
- Grubości Thin / Ultra-Light. Poniżej grubości 400 wszystko zamienia się w błoto w rozmiarze miniatury. Zawsze wybieraj 600+; 700+ dla głównych podpisów.
- Czcionki displayowe z dużym kontrastem linii. Serify Didone (Bodoni, Didot), wąskie displayowe (Bebas, League Spartan Bold Variable) tracą definicję.
- Czcionki pisane / imitujące pismo odręczne. Nigdy nie są czytelne w miniaturze. Omijaj.
- Comic Sans, Papyrus. Tak, ktoś nadal tego próbuje. Nie rób tego.
Systemy pisma niełacińskie
Większość czcionek marketingowych nie zawiera glifów arabskich, hebrajskich, hindi (dewanagari), tajskich ani CJK. Gdy publikujesz karuzelę przetłumaczoną na te języki, czcionka cofa się do systemowej domyślnej. Dwie rozsądne odpowiedzi:
- Zaakceptuj systemową czcionkę zapasową dla każdego języka. Użytkownicy na rynkach z pismem niełacińskim są przyzwyczajeni do systemowych czcionek domyślnych i tego nie zauważają. Spójność marki, którą tracisz, nie jest warta złożoności ładowania czcionek, którą zyskujesz.
- Sparuj z czcionkami wieloskryptowymi. Rodzina Noto (Noto Sans, Noto Serif) obejmuje praktycznie każde pismo obsługiwane przez Apple. Łączenie Inter dla łaciny z Noto Sans Arabic, Noto Sans Hebrew, Noto Sans Devanagari, Noto Sans Thai i Noto Sans CJK utrzymuje spójną wagę wizualną we wszystkich językach.
W przypadku zrzutów ekranu App Store podejście z czcionką systemową jest zazwyczaj pragmatyczne. Podejście Noto to właściwa odpowiedź dla aplikacji, gdzie spójność marki na różnych rynkach jest bardzo ważna (luksus, moda, narzędzia do projektowania).
Faux-bold i faux-italic
Unikaj obu. Większość narzędzi do projektowania "syntetyzuje" pogrubienie lub kursywę, gdy rzeczywista grubość nie jest dostępna — efekt wygląda źle w małych rozmiarach i renderuje się szczególnie niepoprawnie w CJK i piśmie arabskim. Zawsze używaj rzeczywistej grubości lub wariantu kursywowego czcionki, a nie wersji syntetyzowanej.
Praktyczny test: jeśli selektor czcionki ma tylko opcję "Regular", a Ty nakładasz pogrubienie przyciskiem "B", dostajesz faux-bold. Przejdź na czcionkę z dostępną prawdziwą grubością Bold.
Odstępy między literami w nagłówkach
Większość czcionek marketingowych ma domyślny odstęp między literami, który wygląda dobrze w tekście głównym, ale jest nieco zbyt luźny dla nagłówków. Zmniejsz o –2% do –4% (tracking) dla tekstu nagłówkowego w zrzutach ekranu. Zwęża rytm wizualny i lepiej czyta się w rozmiarze miniatury, gdzie poszczególne litery już czuje się jako małe.
Co stosujemy domyślnie
Mokbi domyślnie używa Inter o grubości 700 dla nowych warstw tekstowych. Inter jest bezpłatna, open source, obsługuje łacinę/cyrylicę/grekę/wietnamski i renderuje się spójnie we wszystkich przeglądarkach. Dla języków niełacińskich edytor automatycznie cofa się do systemowej domyślnej dla danego języka — co jest pragmatycznym wyborem dla większości aplikacji.