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.

Vývoj mobilní aplikace: 11) Funguje mi vůbec ta aplikace? A co v ní dělají uživatelé?

Vývoj mobilní aplikace má mnoho různorodých aspektů, které je dobré vědět. V následujícím seriálu Vám představujeme jednotlivé díly, které Vás …

Číst článek

Vývoj mobilní aplikace: 10) Jak na soukromí v aplikaci, nebo jak zvládnout schvalování na storech

Vývoj mobilní aplikace má mnoho různorodých aspektů, které je dobré vědět. V následujícím seriálu Vám představujeme jednotlivé díly, které Vás …

Číst článek

Vývoj mobilní aplikace: 9) Jak na Google Play a AppStore a jestli vůbec

Vývoj mobilní aplikace má mnoho různorodých aspektů, které je dobré vědět. V následujícím seriálu Vám představujeme jednotlivé díly, které Vás …

Číst článek

Kontakt