Live data from Hacker News

The Elements of Typographic Style Applied to the Web

webtypography.net

31–40 of 44 posts

Re: The Elements of Typographic Style Applied to the Web

#31
post #28
post #22

Earlier quoted context omitted.

https://bestmotherfucking.website/

Without a doubt. Fast, clean, adaptable. What's not to like?

#fff on #000. I find the site pretty exhausting to read. Like most "motherfucking websites", a bad example for a good site.

Re: The Elements of Typographic Style Applied to the Web

#33
post #28

Earlier quoted context omitted.

Without a doubt. Fast, clean, adaptable. What's not to like?

#fff on #000. I find the site pretty exhausting to read. Like most "motherfucking websites", a bad example for a good site.

Your monitor / browser is misconfigured.

On some machines, maximum contrast is exhausting; on others, reduced contrast is near-invisible. The “exhausting” machines can be configured to reduce contrast, but the “invisible” machines cannot trivially be configured to increase contrast.

Re: The Elements of Typographic Style Applied to the Web

#34
post #27
post #24

Earlier quoted context omitted.

Can you recomend some good books or online courses teaching UI and graphical design?

Refactoring UI book has been helpful to me as a dev who wants to get something decent looking on the screen. https://www.refactoringui.com/book

I like Adam Withan's free components (Tailwind), but his paid content is problematic. From the your link the left example is both clearer and more compact then the right version that is a supposed "improvement".

Re: The Elements of Typographic Style Applied to the Web

#35
I do a lot of work with print lately and manual kerning has been a revelation to me.

I use to go through hundreds of typefaces like going through hundreds of photos on Tinder and think ‘they all suck’ but then I started adjusting the letter spacing and now I ‘love the one I’m with’.

I recently developed an unofficial corporate identity for my workplace (improving signage) that uses serif fonts. All the other signs use sans-serif which is half because it fits the modernist building and half because people don’t know how to do the manual kerning it takes to make serif fonts pop.

That said I have felt no need to kern for the web and have no desire since it will certainly go bad if the user isn’t seeing the typeface I want them to see.

Re: The Elements of Typographic Style Applied to the Web

#36

I do a lot of work with print lately and manual kerning has been a revelation to me. I use to go through hundreds of typefaces like going through hundreds of photos on Tinder and think ‘they all suck’ but then I started adjusting the letter spacing and now I ‘love the one I’m with’. I recently developed an unofficial corporate identity for my workplace (improving signage) that uses serif fonts. All the other signs us…

The ability to use custom typefaces has been available on the web for over a decade with the @font-face rule. You don’t need to rely on system fonts or fallbacks. The main concerns are the hinting differences between platforms, aliasing and hi vs low resolution screens.

Re: The Elements of Typographic Style Applied to the Web

#37
I thought a general rule was to use sans-serif fonts on electronic devices and serif fonts in print, because they are repsectively easier on the eye?

This site - and other similar "web typography" sites - seems to immediately fall foul of that by using serif fonts. In my opinion this makes them less comfortable to read.

Re: The Elements of Typographic Style Applied to the Web

#38
post #37

I thought a general rule was to use sans-serif fonts on electronic devices and serif fonts in print, because they are repsectively easier on the eye? This site - and other similar "web typography" sites - seems to immediately fall foul of that by using serif fonts. In my opinion this makes them less comfortable to read.

The common wisdom was that serif fonts are difficult to faithfully reproduce on the relatively low resolution screens that computers have. But as devices have gotten better resolutions, this rationale doesn’t make as much sense anymore.

That fact doesn’t stop some people from repeating the old mantra.

Re: The Elements of Typographic Style Applied to the Web

#39
post #28

Earlier quoted context omitted.

Without a doubt. Fast, clean, adaptable. What's not to like?

#fff on #000. I find the site pretty exhausting to read. Like most "motherfucking websites", a bad example for a good site.

That's your opinion. I personally think high contrast colour schemes are great, and use them whenever possible. I even bought a laptop with an OLED screen (XPS 13 9310) to further maximize contrast. I hate it when websites specify light grey text on a dark grey background; I find it so hard to read.

To give you an example of the sort of high contrast user interfaces I like, turn on he dark High Contrast theme in VS Code.

Re: The Elements of Typographic Style Applied to the Web

#40

Earlier quoted context omitted.

#fff on #000. I find the site pretty exhausting to read. Like most "motherfucking websites", a bad example for a good site.

That's your opinion. I personally think high contrast colour schemes are great, and use them whenever possible. I even bought a laptop with an OLED screen (XPS 13 9310) to further maximize contrast. I hate it when websites specify light grey text on a dark grey background; I find it so hard to read. To give you an example of the sort of high contrast user interfaces I like, turn on he dark High Contrast theme in VS C…

> To give you an example of the sort of high contrast user interfaces I like, turn on he dark High Contrast theme in VS Code.

No idea what they do different, but while I don’t prefer it, it looks a lot less problematic than the website. There is no glare effect where the letters bleed into the black.

Post reply on HN