Zadejte hledaný výraz...

Jakou velikost a typ fontu používáte dnes pro weby?

Čau Joomláci, pár dotazů na typospecialisty:
1) Jakou velikost fontu dnes používáte pro weby? 12, 14, 15 nebo více? Mám na mysli klasický text (třeba popis produktu) v článku na běžném informačním či produktovém webu.
2) Má smysl se velikostí fontu hlouběji zabývat, když v současnosti staví hlavně responzivní weby a mobilní zařízení umí písmo zvětšit podle libosti?
3) Který ze standardních fontů (Arial, Times, Verdana,... se vám nejlépe čte - na desktopu i mobilu?
4) Na závěr - co říkáte na trend šedý font na o něco světleji šedém pozadí - máte nějakou fintu na posouzení minimálního čitelného kontrastu?
Za vaše typoodpovědi předem díky!
MaK.
6. 12. 2013 08:45:38
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973631
David Flídr
verified
rating uzivatele
(22 hodnocení)
6. 12. 2013 08:52:51
Nejdůležitější je čitelnost textu, takže já většinou určuji velikost a barvu dle zvolených fontů a kladu důraz na dobrou čitelnost. Prostě aby se v tom lidi neztráceli když to budou číst. V základu většinou používám 13px a 14px s vhodně zvoleným line-height a barvu cca #515151 na bílém pozadí. Ale neříkám že to je správně a jinak to být nemůže. Každý dle svého uvážení :)
6. 12. 2013 08:52:51
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973630
maxoft
ad 1) Vhodné je nedefinovat písmo v pixelech, ale v relativních jednotkách.
ad 2) Ano má to smysl - vždy musíš nastavit nějaké výchozí hodnoty.
ad 3) Pro čtení na obrazovce jsou lepší bezpatkové fonty, ale obecně se poradit nedá. Vždy záleží na konkrétním webu a jeho grafické či typografické úpravě.
ad 4) Existuje vhodný nástroj, zohledňující principy přístupnosti definované ve WCAG 2.0, viz http://poslepu.blogspot.cz/2009/01/testovani-kontrastu-barev.html.
6. 12. 2013 09:05:13
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973629
Díky za podněty. Plaváčku, rozvineš prosím trochu více bod 1)? V relativních jednotkách k čemu, co je základem, od čeho se odpíchnout?
MaK.
6. 12. 2013 09:09:50
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973628
Open Sans, 14+
6. 12. 2013 09:23:01
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973627
maxoft
Plaváčku, rozvineš prosím trochu více bod 1)? V relativních jednotkách k čemu, co je základem, ode čeho se odpíchnout?
Přijde na to. Tady máš shrnuto pohromadě pár možností, abych se neopakoval: http://www.jakpsatweb.cz/css/font-size.html. Mně se dlouhodobě osvědčilo používat klíčová slova (viz odkázaná tabulka). Jinak řečeno - jako výchozí hodnotu pro BODY nastavím font-size: small, z čehož dnes drtivá většina prohlížečů vyrobí písmo o základní velikosti cca 13px (kromě IE v quirk mode, ale to už se moc nepoužívá, případně se to ohne podmíněným komentářem). Různé velikosti v rámci dokumentu pak ladím pomocí procentních hodnot.
Možností je samozřejmě povícero a nějaká obecně platná poučka neexistuje. Kromě té, že není vhodné omezovat uživatele, kteří si v Internet Exploreru písmo definované v pixelech nemohou zvětšit.
6. 12. 2013 09:31:04
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973626
CSS px je jednotka relativní k zobrazovacímu zařízení.
em/% je jednotka relativní k rodičovskému prvku.
rem je jednotka relativní k nejvyššímu nadřazenému prvku. Není podporovaná v IE8
Ten přehled na JakPsatWeb není správný.
px v CSS není obrazovkový bod, ale relativní obrazovkový bod, viz odkaz výše.
Velikosti udané v px už jsou dnes v IE zoomovatelné.
em a procenta se nevztahují k "normální velikosti", ale k velikosti rodičovského prvku.
6. 12. 2013 09:31:40
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973625
Martin Schlemmer
CSS px je jednotka relativní k zobrazovacímu zařízení.
Ano, ale v IE si ji nezvětšíš, což mě dost často štve, protože jsem zvyklý to dělat (nemyslím ZOOM, ale zvětšit text, aby se lépe četl).
6. 12. 2013 09:32:48
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973624
Jak to funguje, pokud je px definováno na a pak jsou použité jen relativní jednotky? Také to IE nezvětší?
6. 12. 2013 09:39:19
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973623
Martin Schlemmer
Ne, nezvětší. Zkus: http://klient.plavacek.net/font-size.html
6. 12. 2013 09:43:33
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973622
Beata
verified
rating uzivatele
(9 hodnocení)
6. 12. 2013 11:37:59
Calibri (základní text) 11
6. 12. 2013 11:37:59
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973621
Jiří Holík
verified
rating uzivatele
(10 hodnocení)
6. 12. 2013 12:03:15
Já používám Arial, teda nevim jestli je to uplně ok
6. 12. 2013 12:03:15
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973620
Vilem
verified
rating uzivatele
(11 hodnocení)
6. 12. 2013 12:14:15
Source Sans Pro. Bohužel se na win a některých linux. distribucích vykreslují špatně tenké řezy, ale dobrou čitelnost zajistí CSS Browser Selector
6. 12. 2013 12:14:15
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973619
holinaj
Airal patří do rodiny tzv. "bezpečných webových fontů (safe web fonts)", takže máš slušnou jistotu, že se zobrazí správně prakticky všude.
6. 12. 2013 12:21:32
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973618
David Kácha
verified
rating uzivatele
(39 hodnocení)
6. 12. 2013 12:33:57
Já používám skoro vždy něco z Google web fonts. Připadá mi to jako jistota.
6. 12. 2013 12:33:57
https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby/#reply973617
Pro odpověď se přihlašte.
Přihlásit