I’d generally recommend reading Practical Typography, and Professional Web Typography. I expect knowing that stuff well would be valuable since LW is primary a websites where people read lots of text.
Yes, I am a fan of Practical Typography and skimmed Professional Web Typography a while ago.
I haven’t yet spend super much time optimizing the typography of LW2, and am happy about input. Rereading both of the books above in the process of that might be a good idea.
Yeah, it’s pretty unreasonable to expect typography to be dialed in for the closed beta :)
Some quick thoughts/opinions I have for the post text:
I’d consider making the body text a serif font. I find it’s a better reading experience.
Body text is too grey. It definitely shouldn’t be black, but maybe darker at something like: #2F2230.
I’d differentiate heading a little more, maybe a different font, or real small caps. Also if I was being really opinionated I’d only support 3 heading levels and make them smaller. I think people are overdoing it these days with really big headings in post/article text on the web. It certainly clearly differentiates them from the text but there are classier ways of doing that.
The current line-height is pretty big at 1.846, I’d change it to something closer to 1.6. Maybe even as low as 1.4.
Most sites have their font size to small, so I’m really happy to see you didn’t do that, but I think to current body font is two big at 20px. I’d do 18px at most, an no smaller then 16px. Doing this might make the lines a little on the long end though.
I’d also implement hanging bullets. This is were bullet text is flush with the body text, and the bullets are in the margin a little. It’s very easy to do with CSS. For bonus points you could do hanging punctuation for quotes, but that’s much harder.
As many of you might have noticed, after a discussion with Malo and some great suggestions by him, the typography for the whole page is updated and looks a lot better!
I will still do a larger typography rework at some point during the closed-beta, and will obviously do adjustments as I notice problems with the current setup, but I am definitely happier with this.
I’d generally recommend reading Practical Typography, and Professional Web Typography. I expect knowing that stuff well would be valuable since LW is primary a websites where people read lots of text.
Yes, I am a fan of Practical Typography and skimmed Professional Web Typography a while ago.
I haven’t yet spend super much time optimizing the typography of LW2, and am happy about input. Rereading both of the books above in the process of that might be a good idea.
Yeah, it’s pretty unreasonable to expect typography to be dialed in for the closed beta :)
Some quick thoughts/opinions I have for the post text:
I’d consider making the body text a serif font. I find it’s a better reading experience.
Body text is too grey. It definitely shouldn’t be black, but maybe darker at something like: #2F2230.
I’d differentiate heading a little more, maybe a different font, or real small caps. Also if I was being really opinionated I’d only support 3 heading levels and make them smaller. I think people are overdoing it these days with really big headings in post/article text on the web. It certainly clearly differentiates them from the text but there are classier ways of doing that.
The current line-height is pretty big at 1.846, I’d change it to something closer to 1.6. Maybe even as low as 1.4.
Most sites have their font size to small, so I’m really happy to see you didn’t do that, but I think to current body font is two big at 20px. I’d do 18px at most, an no smaller then 16px. Doing this might make the lines a little on the long end though.
I’d also implement hanging bullets. This is were bullet text is flush with the body text, and the bullets are in the margin a little. It’s very easy to do with CSS. For bonus points you could do hanging punctuation for quotes, but that’s much harder.
As many of you might have noticed, after a discussion with Malo and some great suggestions by him, the typography for the whole page is updated and looks a lot better!
I will still do a larger typography rework at some point during the closed-beta, and will obviously do adjustments as I notice problems with the current setup, but I am definitely happier with this.