Post Tagged with: "font"

Open web icons – obrázkové písmo

Open web icons – obrázkové písmo

Zajímavé řešení jak nahradit ikonky na webu pomocí písma. Bohužel u osekanych prohlížečů jako je např. Opera mobile se vám nezobrazí nic. Otázkou je na kolik je tohle řešení přínos oproti použití obrázků.

Příklad použití a info zde: pfefferle.github.com/openwebicons/

26.5.2012 0 comments Read More
Čitelnost ve webdesignu

Čitelnost ve webdesignu

Shrnutí pár tipů ze zajímavé přednášky od Jana Řezáče

  • Lidé čtou rychlostí cca 18 slov za 4,4s
  • Detaily jsou neviditelné
  • První dojem získají během 50 ms, vidí jen rozmazané plochy
  • Lidé preferují větší písmo (14 a větší)
  • Bílé písmo na černém pozadí čtou o 32% pomaleji
  • Délka řádku se nejlépe čte když je 75 znaků (+- 25 znaků)
  • Nepoužívat verzálky, hůře se „skenuje“
  • Řádkový proklad je ideální 1.3 – 1.6
  • Lépe se čte text zarovnaný doleva než do bloku
  • Ve vzdušných designech se lépe orientuje
  • Lidé mají rádi bílé místo okolo textu (i když bez něj to rychleji čtou))
  • Nezvětšovat mezery mezi písmeny
  • 85% lidí ignoruje fotky z fotobank
  • Pozor na bannerovou slepotu
  • Dlouhé bloky textu nestínovat
30.3.2012 0 comments Read More
Fonty na webu

Fonty na webu

Aby web vypadal co k čemu, chce si to trochu hrát s fonty.

Základní přehled

webových fontů je zde: http://www.jakpsatweb.cz/priklady/fonty.html

Google web fonts

http://www.google.com/webfonts

Trochu přehlednější zobrazení je zde:

http://somadesign.ca/demos/better-google-fonts/

jsou super a zdarma, bohužel mají většinou problém s cz znaky, seznam českých písem je zde:

http://misc.maly.cz/webfonts.php

Tady jsou ke stáhnutí některé fonty které jsou na web fonts:

http://joemaller.com/1856/download-google-fonts/

Alternativy

Jsou bohužel placené, ale rozhodně disponují více písmy s lepší podporou cz znaků

https://typekit.com/

http://www.fontslive.com/

Dobře se to testuje zde:

http://dabblet.com/

Font Face

Další možností je si vygenerovat písmo přímo pro váš web a mít ho uložené u sebe. Je třeba brát na zřetel hlavně práva (to že je písmo free neznamená že ho můžete použít automaticky na webu přes font face)

Výborná stránka s velkou databází písmen a generátorem všeho potřebného je Fontsquirrel

Pro češtinu: EXPERT > Custom Subsetting > zatrhnout Czech. Pro slovenštinu a další jazyky je postup obdobný.

Fonty k užití zdarma:

Exo Sans – zdarma k užití i na webu - http://ndiscovered.com/index.php/exo-font-family

14.3.2012 1 comment Read More
Rimons twitter widget by Rimon Habib