Fonty v mobilních aplikacích pro vývojáře

05. 11. 2018

Jako vývojáři mobilních aplikací by jste měli znát pár základních pravidel pro nakládání s fonty. V tomto článku se podíváme některým na zoubek.

Použijte správné jednotky

Fonty na mobilních platformách nedefinujeme v pixelech. Při přechodech mezi různými displeji s různou hustotou pixelů bychom jinak někde měli velikánské písmo a jinde nečitelné drobky. Velikost písma vždy definujeme v jednotkách, které nám zajistí stejnou fyzickou velikost písma napříč různě jemnými displeji. Celé si to lze představit, jako bychom nastavovali velikost písma v milimetrech.

Pokud píšete aplikaci pro Android použijete jednotku SP (scalable independent-pixel), jedná se o ekvivalent rozměru v pixelech na displeji se 160 DPI (mdpi terminologií Androidu). Tato jednotka zajistí nejenom stejnou fyzickou velikost písma na všech zařízeních, ale dá uživatelům i možnost si písmo v systémovém nastavení o něco zvětšit, nebo zmenšit.

Na iOS definujete velikost písma v jednokách PT (point), opět se jedná o ekvivalent rozměru v pixelech na displeji se 160 DPI.

Dodržte minimalní velikosti

Obecně nelze doporučit používat pro běžný text menší velikost písma než 14 sp/pt. Na iOS některé zdroje uvádí jako akceptovatelné 13 pt písmo. Pokud máte pocit, že z návrhu od grafika vyplývá písmo menší, pak jste špatně identifikovali, pro jakou density grafik podklady připravil, nebo to zkrátka grafikovi ujelo a v podkladech je velikost písma špatně.

Opatrně je třeba pracovat i s písmem větším, oněch 14 sp/pt je zkrátka optimální velikost písma pro delší texty. Nicméně ještě jednou, prosím nepoužívejte menší písmo!

Jak nastavit fonty i na Androidu

Na rozdíl od iOS nemá Android žádnou vestavěnou podporu pro snadnou změnu fontů. Existuje však mnoho knihoven třetích stran, které se snaží změnu fontu výrazně usnadnit. My máme nejraději Calligraphy, které v pár krocích umožní použít libovolný font na většinu widgetů z SDK.

Jak jsme přivedli aplikaci Záchranka o 8000 potenciálně zachráněných životů více

S tvrdou konkurencí bojuje každá aplikace. I ty se šlechetným cílem a skvělou funkcionalitou, která vám doslova dokáže zachránit život. …

Číst článek

Jak souvisí mise za nejbližší planetou a mobilní aplikace

*Původně vydáno jako newslettrový díl ze sekce „Sdílíme, co víme“ pod #skoumámRád.   Kolik lidí musí odletět ze Země ve …

Číst článek

Dokážeš posunout projekt po technické i analytické stránce?

Pojď s námi posouvat oknařský průmysl! Hledáme technicky zdatného projektového manažera, který povede projekt pro největšího českého výrobce kvalitních oken …

Číst článek

Nejstahovanější aplikace ve válce: Které to jsou a proč?

*Původně vydáno jako newslettrový díl ze sekce „Sdílíme, co víme“ pod #skoumámRád. Mobilní aplikace, které si stahujeme, často zrcadlí to, …

Číst článek

Chci vědět víc