Hello Happy
hellohappy.org · Personal blog · on HN since 2012
Hello Happy is the site of a web designer, best known for the Beautiful Web Type showcase of Google Fonts typefaces.
What HN saysHN commenters repeatedly recommend Beautiful Web Type as a go-to resource for choosing and pairing Google web fonts.
16HN people shared it
7linked it in comments
9stories submitted
635story points
5 years agolast shared
2012people per year2026
Most-shared posts
- 1Beautiful web type: highlighting the best of the Google web fonts directory13 people · 288 points · first shared 2012 · 43 comments on HN
- 2Beautiful web type – typefaces from the Google web fonts directory1 people · 346 points · first shared 2014 · 66 comments on HN
- 3Don't write beautiful code - write for your users1 people · 1 points · first shared 2013 · discussion on HN
- 4Css3 buttons1 people · first shared 2012
What HN people wrote when they linked it
fuzionmonkey · 2012-05-02
This is a very similar resource but using Google Webfonts:
http://hellohappy.org/beautiful-web-type/
One of my favorite typography sites:
http://fontsinuse.com/
aban · 2016-09-24
Beautiful Web Type [0] is another beautiful showcase made using the fonts available on the Google Fonts directory.
Font Pair [1] and Font Pairing [2] are pretty awesome too.
[0]: http://hellohappy.org/beautiful-web-type/
[1]: http://fontpair.co/
[2]: http://www.ourownthing.co.uk/fontpairing/
danyim · 2014-11-09
This reminded me of a similar GitHub project that I had starred in the past: http://hellohappy.org/beautiful-web-type/
https://github.com/ubuwaits/beautiful-web-type
hashbanged · 2014-05-04
My go to resource for a fast combination of Google Web Fonts is this:
http://hellohappy.org/beautiful-web-type/
Not a huge resource, but it is sort of what you're asking for.
makmanalp · 2013-11-29
If you ever get lost in the tons of fonts offered, check out this curated list that I absolutely adore:
http://hellohappy.org/beautiful-web-type/
https://github.com/ubuwaits/beautiful-web-type
ricardobeat · 2012-11-06
Take a look at these for inspiration: http://hellohappy.org/css3-buttons/
The basics: choose a color, lighten it 5-10% for the top, darken it 10% for bottom, add a little saturation to the darker color. Dark (but not black) text with a `0 1px 0 rgba(255,255,255,.75)` shadow.
mnicole · 2013-05-22
What a pretentious article.
> Do NOT Use Black on White
> The only reason I don't visit Quora is bad typography. Yeah, I am that crazy!
Meanwhile, OP's body copy is a heavy slab-serif, his headers are a custom sans-serif without any margins or visual differences besides 6px in size. Using something like http://www.gridlover.net/, you can accomplish better readability and hierarchy.
He suggests type based on what's available on your OS despite the fact that those should be your fallbacks, not your defaults now. We've got a brilliant library of web type that look good and sites like http://hellohappy.org/beautiful-web-type/ + http://font-combinator.com/ + http://daneden.me/type/ help to figure out what emotion you're going for.
He also completely ignores the weights and families available with Helvetica that truly make it superior to Arial that you can call for most OS X users, and fallback with Arial for Windows folks. http://css-tricks.com/snippets/css/better-helvetica/