hanami.github.io icon indicating copy to clipboard operation
hanami.github.io copied to clipboard

Consider heavier fonts for the website

Open jodosha opened this issue 8 years ago • 4 comments

Ref https://github.com/hanami/hanami/issues/658

jodosha avatar Nov 29 '16 15:11 jodosha

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.

bnbry avatar Dec 30 '16 21:12 bnbry

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

TiteiKo avatar Jan 02 '17 10:01 TiteiKo

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 avatar Mar 04 '17 02:03 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: screen shot 2017-03-04 at 12 14 24 pm screen shot 2017-03-04 at 12 14 16 pm screen shot 2017-03-04 at 12 14 10 pm screen shot 2017-03-04 at 12 14 02 pm screen shot 2017-03-04 at 12 13 50 pm

kbrgl avatar Mar 04 '17 06:03 kbrgl