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…
Five minute guide to better typography
61–70 of 133 posts
Re: Five minute guide to better typography
#62My 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…
Re: Five minute guide to better typography
#63My 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?
Re: Five minute guide to better typography
#64I 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.
Re: Five minute guide to better typography
#65It'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…
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
#66My 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?
Re: Five minute guide to better typography
#67Earlier 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.
Re: Five minute guide to better typography
#68My 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…
Re: Five minute guide to better typography
#69I 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.
Re: Five minute guide to better typography
#70Earlier 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.