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

6. 12. 2013 08:45:38

Č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

(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

Miloslav Lešetický

(10 hodnocení)

6. 12. 2013 09:05:13

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

Marián Kábele

(5 hodnocení)

6. 12. 2013 09:09:50

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

Daniel Pospíšil

(13 hodnocení)

6. 12. 2013 09:23:01

Open Sans, 14+

6. 12. 2013 09:23:01

https://webtrh.cz/diskuse/jakou-velikost-a-typ-fontu-pouzivate-dnes-pro-weby#reply973627

Miloslav Lešetický

(10 hodnocení)

6. 12. 2013 09:31:04

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

Martin Schlemmer

(36 hodnocení)

6. 12. 2013 09:31:40

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

Miloslav Lešetický

(10 hodnocení)

6. 12. 2013 09:32:48

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

Martin Schlemmer

(36 hodnocení)

6. 12. 2013 09:39:19

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

Miloslav Lešetický

(10 hodnocení)

6. 12. 2013 09:43:33

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

(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

(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

(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

Miloslav Lešetický

(10 hodnocení)

6. 12. 2013 12:21:32

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

(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

Prodej Více

Doména – NejlepsiKurz.cz

5 000 Kč

0 příhozů

www.chat4touch.com doména pro živý chat, DA 24 již byla v provozu ale nyní je provoz přerušen, připraven pro relaunch, je možno dokoupit i web

15 000 Kč

0 příhozů

www.nahemodelky.cz , DA 24, dvoujazyčný web slouží k náboru modelek na live chat a získání nových zákazníků

8 000 Kč

0 příhozů

https://www.tvorbawebu.site

5 000 Kč

0 příhozů

Prodej webu Horoskop 24/7 – Automatizovaný portál (AI) s horoskopy pomocí ChatGPT

9 700 Kč

0 příhozů

Poptávky Více

Hledame vyvojare k vytvoreni vysokozatezoveho parseru

💼 Obchodní zástupce/kyně – Oblast vývoje software a DevOps engineering (DPP/IČO, remote) 🚀

Automatizace přeposílání emailu ,kde vybere podle zadání přílohy a přepošle

Nabídněte Vaše weby, které chcete prodat. 💸

✅ AKTUÁLNĚ: Hledáme parťáka/parťačku na dohazování webových zakázek

Pracovní nabídky Více

PHP vyvojar k zhotoveni parseru – full Remote

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

100 000 - 500 000 Kč

Vývojář interaktivních webových aplikací

Praha

Vývojář .NET aplikace (Blazor)

Práce z domu

Aplikační inženýr – L2 podpora

Práce z domu

💼 Sales Lead (Fix 40-50.000 Kč + 8 % z každého dealu, remote)

Práce z domu, Praha

80 000 - 120 000 Kč

Nabídky Více

Letecké záběry dronem – Foto & Video

✅ AKTUÁLNĚ: Hledáme parťáka/parťačku na dohazování webových zakázek

Automatický obchodní systém na finančních trzích

Zprostředkuji prodej několika webových stránek a domén

Přístup k databázi: 500 mil. kontaktů celosvětově