20 Top Google Web Fonts

The last couple of years has seen the rise of the embedded web font. At last it’s become practical to use more than the handful of standard system fonts within websites. There are many options for embedding web fonts, but surely one of the most ubiquitous sources is Google. They currently have 197 font families available (July 2011) which can be quickly previewed here: http://www.google.com/webfonts.

But the quality does vary, and the names won’t be familiar to most traditional graphic designers, so I’ve put together a list of 20 of the most “useful” Google fonts. My criteria was to create a selected fontbook set that I personally would use on a day-to-day basis. So they tend to be the more conservative choices.

  • Amaranth (A quirky bold, sans serif with some unusual shapes)
  • Andika Basic (You’d call it a sans serif but it has the tiniest flicks of serifs)
  • Arvo (A square slab serif, modern feel, an alternative to Rockwell)
  • Brawler (A medium bold tapered serif, good a various sizes)
  • Cabin (A bold sans serif, Frutiger-ish)
  • Copse (A bold, slab serif with rounded edges and a few loops here and there, slightly typewriter feel)
  • Droid Sans (A bold sans serif, Frutiger-ish)
  • Droid Serif (A clean solid serif)
  • Ezra SIL (A solid serif, slab-ish)
  • IM FELL (Eroded old-style serif)
  • Kameron (Modern, clean slab serif, rounder than Arvo/Rockwell)
  • Kreon (A bold, quirky slab serif)
  • Lato (A straight sans serif)
  • Metrophobic (A rounded, modern sans serif, all lines consistent weight)
  • Michroma (A wide, bold modern sans serif, all lines consistent weight)
  • Molengo (A straight sans serif)
  • Philosopher (A quirky “mixed serif”)
  • Play (A bold, modern display sans serif, all lines consistent weight)
  • Quattrocentro Sans (A straight sans serif)
  • Tinos (A bold, slab serif with rounded edges)

I haven’t necessarily used all of these a LOT yet, so this list may change over time.
By the way – tallhat.com uses Coda (Headings and Navigation) and Brawler (Body text).

Leave a reply


    Latest news

    Simon Lees Photography – new website

    We were asked to design and produce a new website for Bath-based photographer Simon Lees. Using the WordPress ...continued

    Telly Voices – A New London Voice Artist Agency

    tallhatDesign was commissioned to design and produce a website for this new Voice Artist Agency. A database driven ...continued

    A few new launches

    This is long overdue, and I still need to update the portfolio, but recent site launches for tallhatDesign ...continued


    Our customers say...

    “We’ve been delighted with the work tallhatDesign has done on our corporate identity and website. From the outset, Chris listened intelligently to our requirements, and responded with thoughtful and imaginative designs. We consistently get very postive comments on the simple, ...continued

    “When I gave Chris [Dawson, Creative Director] my brief to come up with a new logo and website, the results surpassed my expectations and I was thrilled with the results. Chris created not only a brand image for me but ...continued

    • Read more of our feedback...

Highslide for Wordpress Plugin