Use Google fonts in a web page

tutorial_8_example_1.html

<style>
  @import url(http://fonts.googleapis.com/css?family=PT+Sans);
  @import url(http://fonts.googleapis.com/css?family=Cinzel);
  @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
  @import url(http://fonts.googleapis.com/css?family=Fondamento);

  p {
    font-size: 18px;
  }
  .font1 {
    font-family: 'PT Sans', sans-serif;
  }
  .font2 {
    font-family: 'Cinzel', serif;
  }
  .font3 {
    font-family: 'Roboto Condensed', sans-serif;
  }
  .font4 {
    font-family: 'Fondamento', cursive;
  }
</style>

<p class='font1'>PT Sans - The quick brown fox jumps over the lazy dog.</p>
<p class='font2'>Cinzel - The quick brown fox jumps over the lazy dog.</p>
<p class='font3'>Roboto Condensed - The quick brown fox jumps over the lazy dog.</p>
<p class='font4'>Fundamento - The quick brown fox jumps over the lazy dog.</p>