Earlab

Coding for Art

Google Font Selection

Selection of open fonts from google (http://www.google.com/fonts), and notes from websites on fonts.

Considerations after Sacha Greif

Sacha Greif on google webfonts that don’t suck
Follow up to previous post by Sacha Greif

tried out:

  • Ubuntu (Favorite of Sacha Greif)
  • Cabin
  • Imprima
  • Varela
  • PT Sans
  • Open Sans
  • Lato
  • Questrial

Chose Questrial, after Lato. Questrial has no italic or bold font. Specified font-family for em and strong styles starting with Lato instead of Questrian.

See http://melandri.net/2012/02/14/octopress-theme-customization/ about how to use them in octopress, and a nice choice of non-serif (Lato, …).

Update Jan 4, 2014 (7:46 PM)

Consider Open Sans 400, 300, 700. See default font of Ghost

Update Jan 17, 2014 (12:32 AM)

From this site: http://graphicdesign.stackexchange.com/questions/16036/what-are-google-webfonts-or-typekit-alternatives-to-avenir-next-pro.

To consider:

  • Museo Sans (not free)
  • Montserrat (possibly better alternative to Questrial: Softer)
  • Muli
  • Avenir (not free)
  • Nunito (similar to Montserrat)

Older selection, many fonts selected in a hurry


<link href='http://fonts.googleapis.com/css?family=Rambla:400, 700, 400italic, 700italic |
Source+Sans+Pro:200, 300, 400, 600, 700, 900, 200italic, 300italic, 400italic, 600italic,
00italic, 900italic | Overlock | Noto+Sans | Lato | Cabin | BenchNine | PT+Sans |
abin+Condensed | Arimo | Quicksand | Carrois+Gothic | Asap | Cantarell | Muli |
legreya+Sans | Imprima | Telex | Rosario | Pathway+Gothic+One | Chivo |
uattrocento+Sans | Raleway+Dots | Alef | Open+Sans | Open+Sans+Condensed:300 |
unito | Oxygen | Archivo+Narrow&subset=latin, latin-ext, greek-ext, greek'
el='stylesheet' type='text/css'>

Usage examples from google: http://www.google.com/fonts#UsePlace:use

font-family: 'Rambla', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Overlock', cursive;
font-family: 'Noto Sans', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Cabin', sans-serif;
font-family: 'BenchNine', sans-serif;
font-family: 'PT Sans', sans-serif;
font-family: 'Cabin Condensed', sans-serif;
font-family: 'Arimo', sans-serif;
font-family: 'Quicksand', sans-serif;