[p2pu-dev] question about readability of text on the site - font color too light?

[Arlton Lowry]

We need to spend some time focusing on the typography of the site. There needs to be a consistent look and feel to all headers, paragraphs, titles, etc. across the site. We also need to go through the CSS and condense it as much as possible.

On Nov 29, 2011, at 9:37 AM, Jamie Curle wrote:

> Hi, 
> 
> Long time no speak from me, busy busy and all that. 
> 
> However I couldn't resist this topic : )
> 
> Line height, face and colour are the ones to play around with.
> 
> I've done a little experiment here >>  http://dl.dropbox.com/u/4948426/readability.html
> 
> I know there is little change of adopting a serif font on the site, but to me the most readable is
> 
> http://dl.dropbox.com/u/4948426/readability.html#p8
> 
> I used to think it was a case of 2/3 with font-size and line-height, but that's not always true. For instance I think the 14/21px sample is fantastic
> 
> http://dl.dropbox.com/u/4948426/readability.html#p6
> 
> but the 16px font with the 2/3 line height 
> 
> http://dl.dropbox.com/u/4948426/readability.html#p7
> 
> doesn't seem as readable as the 16px font with 32px line height.
> 
> http://dl.dropbox.com/u/4948426/readability.html#p8
> 
> Also ( I think I got that from the elements of typographic style ) I try to make sure that the text is such a size so that it has about 60-80 characters in it. This makes going from one line to the next easier.
> 
> Line height always seems to do the trick for me.
> 
> Just my 2p
> 
> Cheers, 
> 
> Jamie
> 
> On 28 Nov 2011, at 19:45, Arlton Lowry wrote:
> 
>> I agree.
>> 
>> On Nov 28, 2011, at 7:20 AM, Philipp Schmidt wrote:
>> 
>>> I've been spending a lot of time on the site recently and noticed that reading longer text is quite hard on the eyes.
>>> 
>>> Would it make sense to darken the default font color, so there is more contrast between the background and the font? Are there other (better) ways of increasing readability?
>>> 
>>> P
>>> _______________________________________________
>>> p2pu-dev mailing list
>>> p2pu-dev at lists.p2pu.org
>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>> 
>> _______________________________________________
>> p2pu-dev mailing list
>> p2pu-dev at lists.p2pu.org
>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
> 
> _______________________________________________
> p2pu-dev mailing list
> p2pu-dev at lists.p2pu.org
> http://lists.p2pu.org/mailman/listinfo/p2pu-dev

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.p2pu.org/pipermail/p2pu-dev/attachments/20111129/b440c28b/attachment.html>