45 Hipster Fonts from Google [422]

You’ll see them with their skinny jeans, thick black rimmed glasses, and side parted faux-hawk. Yep, you know them. I’m talking about hipsters.

They’re all over the place – in subways, on their fixie bikes, in line at the cafe, or they might be sitting next to you right now.

As designersers, and ultimately visual creatures, we too, have been sucked into the world of hip. Just this week I’ve been asked to design a websitesite for a bottling company. The first thing the client said when I asked him what he wants, he says

“Make it modern. Yeah, and cool. Like for the kids who go to these little cafes to hang out and drink coffee”

So what the client wants, the client gets. Not all the time, but in this case, it’s not such an idiotic request like these.

So with RWD, branding and identity in mind, I decided to go along with some web safe fonts that are in line with the hipster look and feel. Here comes Google to save the day. With hundreds of free, open-source fonts optimized for the web, I naturally went over to Google’s font library. So here are 45 hipster fonts I found to fit the bill. Click on each font to go directly to the font family

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/abril-fatface1png?ce0830".com/blog/wp-content/uploads/2014/09/abril-fatface1.png?ce0830" alt="abril fatface" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/amatic-sc1png?ce0830".com/blog/wp-content/uploads/2014/09/amatic-sc1.png?ce0830" alt="amatic-sc" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/antic-didone1png?ce0830".com/blog/wp-content/uploads/2014/09/antic-didone1.png?ce0830" alt="antic-didone" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/arapey1png?ce0830".com/blog/wp-content/uploads/2014/09/arapey1.png?ce0830" alt="arapey" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/dorsa1png?ce0830".com/blog/wp-content/uploads/2014/09/dorsa1.png?ce0830" alt="dorsa" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/didact-gothic1png?ce0830".com/blog/wp-content/uploads/2014/09/didact-gothic1.png?ce0830" alt="didact-gothic" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/crushed1png?ce0830".com/blog/wp-content/uploads/2014/09/crushed1.png?ce0830" alt="crushed" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/cookie1png?ce0830".com/blog/wp-content/uploads/2014/09/cookie1.png?ce0830" alt="cookie" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/concert-one1png?ce0830".com/blog/wp-content/uploads/2014/09/concert-one1.png?ce0830" alt="concert-one" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/clicker-script1png?ce0830".com/blog/wp-content/uploads/2014/09/clicker-script1.png?ce0830" alt="clicker-script" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/wire-onepng?ce0830".com/blog/wp-content/uploads/2014/09/wire-one.png?ce0830" alt="wire-one" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/voltairepng?ce0830".com/blog/wp-content/uploads/2014/09/voltaire.png?ce0830" alt="voltaire" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/volkhovpng?ce0830".com/blog/wp-content/uploads/2014/09/volkhov.png?ce0830" alt="volkhov" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/vidalokapng?ce0830".com/blog/wp-content/uploads/2014/09/vidaloka.png?ce0830" alt="vidaloka" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/unica-onepng?ce0830".com/blog/wp-content/uploads/2014/09/unica-one.png?ce0830" alt="unica-one" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/tinospng?ce0830".com/blog/wp-content/uploads/2014/09/tinos.png?ce0830" alt="tinos" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/stalematepng?ce0830".com/blog/wp-content/uploads/2014/09/stalemate.png?ce0830" alt="stalemate" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/six-capspng?ce0830".com/blog/wp-content/uploads/2014/09/six-caps.png?ce0830" alt="six-caps" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/sialpng?ce0830".com/blog/wp-content/uploads/2014/09/sial.png?ce0830" alt="sial" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/sevillannapng?ce0830".com/blog/wp-content/uploads/2014/09/sevillanna.png?ce0830" alt="sevillanna" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/sacramentopng?ce0830".com/blog/wp-content/uploads/2014/09/sacramento.png?ce0830" alt="sacramento" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/ryepng?ce0830".com/blog/wp-content/uploads/2014/09/rye.png?ce0830" alt="rye" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/rum-raisinpng?ce0830".com/blog/wp-content/uploads/2014/09/rum-raisin.png?ce0830" alt="rum-raisin" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/romanescopng?ce0830".com/blog/wp-content/uploads/2014/09/romanesco.png?ce0830" alt="romanesco" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/rochesterpng?ce0830".com/blog/wp-content/uploads/2014/09/rochester.png?ce0830" alt="rochester" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/robotopng?ce0830".com/blog/wp-content/uploads/2014/09/roboto.png?ce0830" alt="roboto" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/righteouspng?ce0830".com/blog/wp-content/uploads/2014/09/righteous.png?ce0830" alt="righteous" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/qwigleypng?ce0830".com/blog/wp-content/uploads/2014/09/qwigley.png?ce0830" alt="qwigley" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/quintessentialpng?ce0830".com/blog/wp-content/uploads/2014/09/quintessential.png?ce0830" alt="quintessential" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/quicksandpng?ce0830".com/blog/wp-content/uploads/2014/09/quicksand.png?ce0830" alt="quicksand" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/parisiennepng?ce0830".com/blog/wp-content/uploads/2014/09/parisienne.png?ce0830" alt="parisienne" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/ovopng?ce0830".com/blog/wp-content/uploads/2014/09/ovo.png?ce0830" alt="ovo" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/old-standard-ttpng?ce0830".com/blog/wp-content/uploads/2014/09/old-standard-tt.png?ce0830" alt="old-standard-tt" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/nova-ovalpng?ce0830".com/blog/wp-content/uploads/2014/09/nova-oval.png?ce0830" alt="nova-oval" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/news-cyclepng?ce0830".com/blog/wp-content/uploads/2014/09/news-cycle.png?ce0830" alt="news-cycle" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/mrbedfortpng?ce0830".com/blog/wp-content/uploads/2014/09/mr.bedfort.png?ce0830" alt="mr.bedfort" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/latopng?ce0830".com/blog/wp-content/uploads/2014/09/lato.png?ce0830" alt="lato" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/josefin-sanspng?ce0830".com/blog/wp-content/uploads/2014/09/josefin-sans.png?ce0830" alt="josefin-sans" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/jacques-francois1png?ce0830".com/blog/wp-content/uploads/2014/09/jacques-francois1.png?ce0830" alt="jacques-francois" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/jacques-francois-shadow1png?ce0830".com/blog/wp-content/uploads/2014/09/jacques-francois-shadow1.png?ce0830" alt="jacques-francois-shadow" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/im-fell-french-canon1png?ce0830".com/blog/wp-content/uploads/2014/09/im-fell-french-canon1.png?ce0830" alt="im-fell-french-canon" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/elsie1png?ce0830".com/blog/wp-content/uploads/2014/09/elsie1.png?ce0830" alt="elsie" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/elsie-swash-caps1png?ce0830".com/blog/wp-content/uploads/2014/09/elsie-swash-caps1.png?ce0830" alt="elsie-swash-caps" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/dr-sugiyama1png?ce0830".com/blog/wp-content/uploads/2014/09/dr-sugiyama1.png?ce0830" alt="dr-sugiyama" width="400" height="100" /> src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/dosis1png?ce0830".com/blog/wp-content/uploads/2014/09/dosis1.png?ce0830" alt="dosis" width="400" height="100" />src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2014/09/featuredgif?ce0830".com/blog/wp-content/uploads/2014/09/featured.gif?ce0830" alt="featured" width="400" height="100" />