by MrVandemar on 11/12/23, 3:08 AM
My contention is that not only web-designers, but everyone who uses a word processor should get at least baseline training in typography and layout. It should be a short high-school course. The basic rules are not that hard.
It's possible to make decent looking documents in Microsoft Word / Libre Office / Abiword / whatever, but people with no idea what they're doing (and no idea that they have no idea what they're doing) easily create monstrous abominations that communicate nothing beyond "unprofessional" and scream "I have the aesthetic taste of a 3 year old".
by alecst on 11/12/23, 2:36 AM
I admire all the work the typographers do to make amazing-looking websites, and yet I prefer to read sites (like mathpages, or Dan Luu's site) which have next to no styling. They're just easier for me to read. I'm definitely not hating, but I feel like it's good to keep in mind where the point of diminishing returns is.
by defanor on 11/12/23, 10:51 AM
Seeing the title, I suspected that the typography will be messed up. And indeed, instead of my preferred configured font size, it is overly large and set in pixels, the line heights are higher than I would prefer as well (the font I use, Noto Sans, already has a pretty high leading). The situation with colors and margins is similar, to accompany that.
And the reason I guessed it to be that way is because it is like that much of the time: once people focus on something that is not broken too badly, more often they mess it up, rather than improve. I think a much better advice would be just to not touch it. Maybe go roll your own crypto if you feel creative, but stop messing up fonts, colors, and the rest of interfaces: plain HTML is good and sufficient for most web publishing.
Edit: though learning about typography still should not harm. Just applying it poorly--as done most of the time--may be annoying. Also same as with colors and adjacent design subjects.
by creata on 11/12/23, 5:30 AM
This site, and many other typography-adjacent sites, have
comically large text on my desktop computer. What's up with that?
(Maybe I've just misconfigured my browser.)
by kderbe on 11/12/23, 2:38 AM
(2006)
In case you, like me, miss the dateline at the top and become more and more puzzled by the arguments and examples presented.
I will credit the article for using examples that are still visually appealing today, even (especially?) the 2004 blog.
by dkarras on 11/12/23, 2:43 AM
It is a bit ironic that the website has white text on black background which is no-no on screens as the very high contrast creates ghosting and eye strain / hurt for many people. Carefully read the text, then look at anywhere else and you'll see ghost lines everywhere for a few minutes. So the text should at least be gray-ish to decrease the contrast if you want to go that way. This works pretty well on paper, but sucks on screen.
Whenever I see such content, I send them this link which demonstrates the issue in a fun way: https://www.ironicsans.com/owmyeyes/
by xnx on 11/12/23, 3:00 AM
Typography should be left to the user agent and user style sheet.
Attempts to make sites "pixel perfect" is the worst habit from the print-world that designers brought online with them.
by RuleOfBirds on 11/12/23, 2:44 AM
I have trouble caring about what someone says about typography when they've chosen abnormally excessive letterspacing which makes reading awkward and effortful.
by chrisweekly on 11/12/23, 3:39 AM
by lazyvar on 11/12/23, 2:42 AM
(2006) An article about the importance of typography uses massive, unreadable font at 25px.
by proc0 on 11/12/23, 2:42 AM
Not anymore, maybe back when static sites were common. Web sites now are applications with lots of interactivity. The interactive design is often lost because designers are mostly designing for static layouts, with interactivity falling lower in priority. This then becomes a bad experience with developers having to constantly fix interactivity issues that were born from lack of design and product specs.
by Mikhail_Edoshin on 11/13/23, 8:04 AM
The most typographical thing is stability. Look at a book. It is visually stable. The text is where the printer has put it and does not move. You can find quotes if you roughly remember where on the page they were.
Now look at a typical web page. It is scrolled! Nothing is stable. On every move everything changes. There is not a single visually fixed anchor aside from the browser window itself, which is unhelpful anyway. (E.g. with all that talk about semantic HTML it could maybe give us a standard table of contents, but does it?) With such a drastic departure from the essence of typography some fancy hanging punctuation won't help. Of course, once the main things are in place, it would be nice to have typographical niceties as well.
by garrickvanburen on 11/12/23, 5:12 AM
To those god wishes to punish, he first teaches typography.
by brailsafe on 11/12/23, 3:30 AM
As true then as it is now. It's rare, even with highly interactive applications, that text isn't a fundamental component of your website or application.
by Tactical45 on 11/12/23, 2:36 AM
Can anyone recommend a good course in typography?
by mmcgaha on 11/12/23, 11:47 AM
I bought The Elements of Typographic Style over 20 years ago. I got about an hour in and never picked it up again. It isn't that the book is bad but typography isn't a topic that I want to self study. I think I could enjoy the topic in a classroom or study group setting but my mind just wonders to other things sitting in a chair reading about it.
by dusted on 11/12/23, 12:38 PM
Font selection should be left up to the browser vendor, and ultimately, the user, and not be overwritten or otherwise dictated by the website.
by tarcon on 11/12/23, 7:46 AM
I read this article in 2006. Back then, it was set in the Georgia typeface at 16px font size. It looked great.
Now it's 32px and a custom font with some ornamentation.
For me the text appears to big to read without zooming out and the typeface looks medieval. If the purpose of typography is to "honour the content" (cf. Bringhurst), this does not seem to be a good example.