Ask HN: Best Fonts to Use on Websites?

https://news.ycombinator.com/item?id=37534127

10 15 3 years ago

news.ycombinator.com

Apart from "system" fonts, which fonts do you think will make websites/blogs look instantly beautiful?

cebert• 3 years ago

I understand there's an ongoing debate about using web fonts versus system fonts due to privacy concerns. I've experimented with disabling web fonts while browsing, but found that many sites become almost unusable without them.

speedgoose2• 3 years ago

It’s easy to host nice fonts on your website. You don’t have to send your visitors data to Google or adobe or whatever CDN.

DamonHD3• 3 years ago

I like sites to be readable, quickly, and without leaking too much information to third parties. 'Beautiful' Web fonts tilt against all of those metrics.

LPavearoadi3• 3 years ago

Disagree. Helvetica.

DamonHD3• 3 years ago

I don't know whether you are claiming that Helvetica is beautiful or not!

In any case I think that it is available in most browsers locally, with a fall back to sans-serif easy if not? I haven't looked lately. I value locality and speed with a font that has been picked to work nicely for the browser without trying to wrestle every pixel.

(Yes, I have been an editor, but I try to pick the readability battle first.)

nicbou2• 3 years ago

I self-host fonts. They’re around 45kb in total. It’s worth it.

DamonHD3• 3 years ago

That sounds pretty good. I'll think harder about where I should consider doing the same!

But if you are self hosting then it ain't a "Web" font IMHO, and you contain the time/latency and page-weight cost, and probably eliminate the data leakage.

speedgoose2• 3 years ago

It’s a system font on many devices but Roboto is a nice default.

https://fonts.google.com/specimen/Roboto

I also like IBM Plex Sans.

https://www.ibm.com/plex/

cpach• 3 years ago

I like this showcase: https://beautifulwebtype.com/

LPavearoadi3• 3 years ago

I adore this font for everything, especially eBooks, but I haven't tested it against a responsive web UI.

https://www.dafont.com/apple-garamond.font

I assume it's an Apple knockoff, or maybe even an original.

I recommend it highly, especially for eBooks.

meristohm• 3 years ago

I far prefer fonts that are accessible to the most people. Anti-dyslexia fonts might be too odd at first, so I avoid using those for now. I've read that sans-serif is best for text on screens, and serif for text on paper. The font should err on the side of larger rather than smaller. Functional is beautiful.

throwaway154• 3 years ago

    body {
        font-family: sans-serif;
        font-size:  16pt;
        line-height:  1.6;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family:  serif;
    }

That's readable, thus a minimum standard for beauty.

Use of colour, spacing, case, image then become important for making powerful prioritisation, focus, structuring absorption/presentation of your message. A specific font may or may not be part of this, and advantage of system fonts is not just their speed, but their familiarity - this can also be a disadvantage if intentionally seeking to disjoint a user or place them in a context associated with the font.

Ask HN: Best Fonts to Use on Websites?

Related Stories