Live data from Hacker News

Five minute guide to better typography

pierrickcalvez.com

61–70 of 133 posts

Re: Five minute guide to better typography

#61
post #34

It's a quest of mine to understand this subject mathematically. I'm convinced that typography is an exact science, it's just easier to use intuition than find the formulae that govern it. Like catching a baseball versus understanding gravity and drag. For example, when aligning that header, they're moving the leftmost pixels into alignment with the body's leftmost pixels. The correct state is well-defined, it's just…

Typography can be understood mathematically to the extent that communication can be understood mathematically. You're never going to account for style, trends, or connotation. Same with baseball, by the way. Advanced analytics can complement and enhance your understanding of baseball. But there are people involved. It will never be as straightforward as throw a curve because the count is 3 and 1 in this situation. Hu…

I agree that the number of data points needed for study and the number of variables involved are both key factors. The one area that comes to mind where a approach might be easiest is closed platforms like the hardware Kindle reader -- for example, measuring read times by a large population of the same text, with varying fonts, on the same hardware. Improved typography might reduce read times some modest percentage over baseline due to improved readability.

Re: Five minute guide to better typography

#62
post #9

My humble appendix wrt online typography ("-" means IM-not-so-HO): - If your font colour is more thant #333 on white, you're being cruel, especially to those who suffer astigmatism. - Make sure the font colour contrasts the background for prose. - Except from "fi" and "ffi", avoid ligatures in Latin scripts. They were useful when fonts were forged in metal and typesetting was manual labour. Dots may connect to serifs…

I think most of your advice is solid, but I take issue with one point: > - If your font colour is more thant #333 on white, you're being cruel, especially to those who suffer astigmatism. A designer should think hard before reducing contrast. You may be improving the experience for one group at the expense of others: - A low contrast page is difficult to read on a cell phone in daylight. - A low contrast page is diff…

#666 > #333 And #666 is lighter so less contrast. You’re both saying the same thing.

Re: Five minute guide to better typography

#63
post #9

My humble appendix wrt online typography ("-" means IM-not-so-HO): - If your font colour is more thant #333 on white, you're being cruel, especially to those who suffer astigmatism. - Make sure the font colour contrasts the background for prose. - Except from "fi" and "ffi", avoid ligatures in Latin scripts. They were useful when fonts were forged in metal and typesetting was manual labour. Dots may connect to serifs…

What's a dickbar?

Any bar that someone put across your screen as a Dick move that makes it harder to read the text. https://daringfireball.net/2017/06/medium_dickbars

Re: Five minute guide to better typography

#64
post #19

I only see a white page when i open the link...

It's almost all images / gifs, maybe they failed to load or you have them blocked? I was thinking it would be interesting to recreate the site with CSS but the animations that show the before and after state change might prove tricky.

Yes - I got a white page until I allowed ajax.googleapis.com.

Re: Five minute guide to better typography

#65
post #34

It's a quest of mine to understand this subject mathematically. I'm convinced that typography is an exact science, it's just easier to use intuition than find the formulae that govern it. Like catching a baseball versus understanding gravity and drag. For example, when aligning that header, they're moving the leftmost pixels into alignment with the body's leftmost pixels. The correct state is well-defined, it's just…

Typography can be understood mathematically to the extent that communication can be understood mathematically. You're never going to account for style, trends, or connotation. Same with baseball, by the way. Advanced analytics can complement and enhance your understanding of baseball. But there are people involved. It will never be as straightforward as throw a curve because the count is 3 and 1 in this situation. Hu…

Baseball is... I mean if a team of engineers can design a rocket that lands vertically, I am fairly certain they could design a robot that hits balls with a bat. In fact I am surprised we don’t already have robot baseball.

Typography is supposed to be perceived by human brains. So it will be subject to interpretation. Baseball is absolute: you can measure where the ball flew, where it landed, and who caught it.

Re: Five minute guide to better typography

#66
post #9

My humble appendix wrt online typography ("-" means IM-not-so-HO): - If your font colour is more thant #333 on white, you're being cruel, especially to those who suffer astigmatism. - Make sure the font colour contrasts the background for prose. - Except from "fi" and "ffi", avoid ligatures in Latin scripts. They were useful when fonts were forged in metal and typesetting was manual labour. Dots may connect to serifs…

What's a dickbar?

A bar across your screen / webpage containing stuff that's of negative value to the user, like ads or please-share-this buttons. See e.g. this: http://scripting.com/stories/2011/03/06/whatIsADickbar.html. The term was coined by John "Daring Fireball" Gruber.

Re: Five minute guide to better typography

#67

Earlier quoted context omitted.

I think most of your advice is solid, but I take issue with one point: > - If your font colour is more thant #333 on white, you're being cruel, especially to those who suffer astigmatism. A designer should think hard before reducing contrast. You may be improving the experience for one group at the expense of others: - A low contrast page is difficult to read on a cell phone in daylight. - A low contrast page is diff…

I read the OP's comment to argue _for_ increased contrast, not against it. Though it isn't fully clear exactly what "more than #333 on white" means.

Colour codes are hexadecimal numbers, 000000 is basically zero, and is for black. FFFFFF is 16777215 and is white. The more the numerical value of the colour the lighter it is, the lower the darker (well, not exactly, but kind of).

Re: Five minute guide to better typography

#68
post #9

My humble appendix wrt online typography ("-" means IM-not-so-HO): - If your font colour is more thant #333 on white, you're being cruel, especially to those who suffer astigmatism. - Make sure the font colour contrasts the background for prose. - Except from "fi" and "ffi", avoid ligatures in Latin scripts. They were useful when fonts were forged in metal and typesetting was manual labour. Dots may connect to serifs…

I think most of your advice is solid, but I take issue with one point: > - If your font colour is more thant #333 on white, you're being cruel, especially to those who suffer astigmatism. A designer should think hard before reducing contrast. You may be improving the experience for one group at the expense of others: - A low contrast page is difficult to read on a cell phone in daylight. - A low contrast page is diff…

We actually agree, but I've phrased that one a bit bad. See my other comment downthread. I was going to edit to clarify, but it does not let me anymore. Comments become fixed way quicker these days ain't it?

Re: Five minute guide to better typography

#69

I have persistently encountered the same problem in this space. Most people I've worked with write documents using the last formatted document they made as a template for the next. Tracing back through their history of documents you find that they are all based off one person who decided it was a good idea to mix fonts and colours of headings, and mess around with font sizes and then save it all as default heading an…

Latex is too hard for mortals, but I’d suggest Sphinx or one of the markdown alternatives. I think atlassian confluence is another even friendlier alternative, with a price tag.

Confluence? You mean the terrible wiki like software put out by Atlassian? It’s about as relevant as handing someone a typewriter and telling them to use it as an IDE/code editor. Sure, you can type characters out with both, but does that really make them similar tools?

Re: Five minute guide to better typography

#70
post #57

Earlier quoted context omitted.

As far as I know, the people behind thegrid.io have put a lot of thought into constraint-based design, they may have some insight into ‘the rules’.

Your comment prompted me go go take a look at their website. It comes up a single black page with nothing on it other than a red social media button in the bottom right.

I guess I was hoping to point in the direction of Grid Style Sheets (made by/for thegrid.io folks) using cassowary constraints. It looks like their site is hacked, and the repo of it hasn’t been updated since 2014.
Post reply on HN