Hacker News Reader

Comment by diggan | Hacker News Reader

Thought Firefox was broken when I looked at the code samples, but then I tried it again in Chrome and thought my graphic card was going crazy. Turns out the author actually chose a font that looks like it's been printed on paper with poor ink, for the code examples. Would have been better for readability to leave the code examples to some more normal looking font, or at least just set `font-family: monospace` and let the OS decide.

View on HN

The code samples look okay for me (did the author tweak the stylesheets?), but the text uses an 'engraved' look using CSS's text-shadow (like iOS Notes but a bit worse because of the serifs) which makes it a bit hard to read.

This is where browsers' reader modes really help. Is Chrome the only one now that doesn't natively support reader mode? Reader mode in Firefox made this much easier to read.

It's likely that you just don't happen to have the font then, "Gabriele Light Ribbon FG" here's a place to see samples of it. https://www.wfonts.com/font/gabriele-light-ribbon-fg

I have the font, and it looks readable to me.

I actually just didn't notice any difference in legibility and rather focused on the neat effect of the brushmarks around the div enclosing the code.

I kind of figured people would complain about this though---its an artistic sight, and not everyone is open to form over function.

The whole site is incredibly hipster

I don't _think_ I'd call it hipster - hipster has a lot more white.

This actually reminds me a LOT of making websites around 2006 - 2012.

It reminds me of what svg text rendering looked like in 2001 using IE and the svg plugin from adobe.

>font that looks like it's been printed on paper with poor ink

Actually, I think it is intended to look like mechanical typewriter output.

Reply on news.ycombinator.com