V-am spus mai demult de Readability, o extensie de Firefox şi Chrome care izolează textul dintr-o pagină cu prea multe bannere sau cu un design stupid. Azi vă prezint StyleBot, ceva oarecum asemănător, dar un pic mai avansat.
E o extensie de Chrome (eu folosesc Coolnovo) care permite setarea de fonturi pentru fiecare site în parte. Astfel, scap de Arial-ul ăla odios sau de fonturile prea mici şi prea urâte. Că nimic nu e mai nasol pentru ochi ca un font mic şi urât.
Am mai scris despre fonturi.
Cum arată stilul meu principal de Stylebot:
zenhabits.net,gandul.info,ziare.com,profit.ro,realitatea.net,incentru.ro,
voxpublica.realitatea.net,manafu.ro,money.ro,
economica.net,biziday.ro,
monicajitariuc.ro,evz.ro,contributors.ro,revista22.ro,therobi.com,
piticigratis.com,dstanca.ro,
adevarul.ro,sov.ro,flutureledepiatra.ro,
d
ilemaveche.ro,agrointel.ro,cursdeguvernare.ro,0-100.hotnews.ro,
next.lab501.ro,
read-my-mind.ro,tolo.ro,prisacariu.ro,politicscan.ro,
autoblog.com,catavencii.ro,cracked.com,stirileprotv.ro,
subiectiv.ro,
adplayers.ro,bizbrasov.ro,groparu.ro,avocatnet.ro,hotnews.ro,zvoner.ro,
cracked.com,
ebihoreanul.ro,theannemarie.ro,proalpin.ro
.ii, .Ak, td, textarea, input, select, p, span, div, li, span, h2.articleOpening, section.body section {
font-family: PT Serif;
font-size: 18px;
line-height: 26px;
}div.entry-content div h2 {
font-family: PT Serif;
font-size: 22px;
font-weight: bold;
}div.entry-content h5 {
font-family: PT Serif;
font-size: 18px;
font-weight: bold;
line-height: 26px;
}h1.name.post-title.entry-title span {
font-size: 30px;
font-weight: bold;
}div.wpb_wrapper p strong {
font-family: PT Serif;
}
Stanga arial, dreapta?
@Zola: Segoe UI
Oricum și arial e citibil. Nu are rost să discutăm de cei care folosesc fonturi serif pentru text mic (reacția mea e close tab).
De ce în documente se folosest tnr?
@Zola: nu ştiu, sunt cazuri şi cazuri. dar uite, pe timesnewroman.ro textul e vai morţii lui.
vali, cu stylebot ăsta poţi folosi şi webfonts?
@Ionut: nu cred.
eu fol iReader tot pt chrome care e destul de ok. da’ bun pontu, incerc si readability
@Ionut nu merge. @import da syntax error, iar @font-face e sters automat.
Pentru maximimul de lizibilitate este bine sa folosesti font cu latimi de caracter similare.
Inălţime medie la raportul lăţimii
Literele mici de înălţime medie
Variatii mici în grosime
In nici un caz nu se folosesc fonturi serif pentru a reda textul pe monitor.
Serif pentru tiparituri
San Serif pentru monitor
mai multe detalii pe http://cataloginvitatii.ro/invitatii-nunta/lizibilitatea-si-perceptibilitatea-in-tiparirea-invitatiilor-de-nunta/