27 Google Fonts I like...

<3 Google

HTML

<p class="Dosis"><span>Dosis:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Droid"><span>Droid Sans:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Yanone"><span>Yanone Kaffeesatz:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Electrolize"><span>Electrolize:</span> Lorem Ipsum, Nullam et luctusv.</p>
<p class="Philosopher"><span>Philosopher:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Quicksand"><span>Quicksand:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="UbuntuCondensed"><span>Ubuntu Condensed:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Ubuntu"><span>Ubuntu:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Cuprum"><span>Cuprum:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Overlock"><span>Overlock:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Expletus"><span>Expletus Sans:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Comfortaa"><span>Comfortaa:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Telex"><span>Telex:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Lato"><span>Lato:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Michroma"><span>Michroma:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Advent"><span>Advent Pro:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Federo"><span>Federo:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Andika"><span>Andika:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Adamina"><span>Adamina:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Tinos"><span>Tinos:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Coustard"><span>Coustard:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Volkhov"><span>Volkhov Italic:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Podkova"><span>Podkova:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Raleway"><span>Raleway:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="Exo"><span>Exo:</span> Lorem Ipsum, Nullam et luctus.</p>
<p class="BebasNueu"><span>Bebas Nueu:</span> Lorem...

CSS

@import url(http://fonts.googleapis.com/css?family=Dosis);


p { margin: 2px 0; font-size: 18px; }
p span { text-transform: uppercase; font-weight: bold; color: #5a7c87; }
p:nth-of-type(even) span { color: #d46a15; }
p:last-of-type { margin-bottom: 20px; }

/* ------------------------------------------------------------------------ */

p.Dosis { font-family:'Dosis'; }