Consider heavier fonts for the website

[jodosha]

Ref hanami/hanami#658

[bnbry]

Is there a specific desire to stick with Roboto or is the Hanami team open to trying other fonts? Taking a look at this it seems like I could easily get the font weights updated as is with Roboto and try to keep the look and feel(balance of fonts) similar to how it is now, but just make it a little bit nicer to read.

Specifically, I would increase font weight across all font styles and remove the condensed letter spacing and probably adjust font color a bit. But I think part of the problem is using Roboto as the body font(great for headlines, less great for paragraphs).

Are you interested in seeing options? I would really like to start helping with the site and docs/guides on this project. This issue seems like a good first step toward that.

[TiteiKo]

@SpaceGhoul Feel free to dabble and propose some options, we would be really happy to see them! ✨

[kbrgl]

Hi!

I've been using Hanami for a while, and I've never really liked the font in the docs. It makes the docs hard to read.

If you're looking for fonts, I'd like to suggest Overpass. I've used it on several designs including my homepage and I've found that it's easy to read at a variety of font weights and sizes. It's also what I've used in my GitHub profile picture.

It has an accompanying monospace font, Overpass Mono, which is equally readable and looks pretty good.

I'm going to clone this repo and send a preview of the website with Overpass.

[kbrgl]

UPDATE: Done! 😄

I've updated the main font to Overpass, but didn't change the monospace font since adding it would increase the loading time (we're currently using system fonts).

I'll create a pull request in a moment.

Screenshots: