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...

    “Chris [Dawson, Creative Director] has an amazing ability to create attractive graphical sense on the page. The usability and visual integrity of our site has increased 1000% since he has worked with us on it. I would be happy to ...continued

    “The service was great; the team at tallhatDesign took the time to really get to know our organisation so that our finished site not only presented our information clearly and professionally, it also captured the feel of the Community Centre. ...continued

    • Read more of our feedback...

Highslide for Wordpress Plugin