How to use google font api in blogger post in 5 minutes

Back>

google provided lots of font css effects, it is a perfect marriage with google blogger.
Following link https://developers.google.com/fonts/docs/getting_started

Here is
an example

<link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Rancho&effect=ice">

<link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Rancho&effect=neon">

<link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Rancho&effect=putting-green">

<link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Rancho&effect=decaying|fire-animation">

<style>
#test1,#test2,#test3,#test4{
font-size:50pt;
}

#test1{
font-family: 'Amiri', sans-serif;
}



#test3{
font-family: 'Indie Flower', serif;
}

#test4{
font-family: 'Tangerine', serif;
}
</style>

<div id="test1" class="font-effect-ice">This is a font effect!</div>

<br/>

<div id="test2" class="font-effect-neon">This is a font effect!</div>

<br/>

<div id="test3" class="font-effect-putting-green">This is a font effect!</div>

<br/>

<div id="test4" class="font-effect-decaying">This is a font effect!</div>