Google fonts Appear Slightly thicker

Hello All,

I am having an issue with a font I am trying to insert into my Bootstrap responsive website (code below). I applied the font "Fjalla One" to both the body and in H1 tag. In the body, the font appears perfectly. In <h1> , it appears slightly thicker and I'm not sure why.

Any idea why this is happening?

Here's a sample code just to show this issue:

<html>

  <head>

    <link rel="stylesheet" type="text/css"

          href="https://fonts.googleapis.com/css?family=Fjalla+One">

    <style>

      body {

        font-family: 'Fjalla One', sans-serif;

        font-size: 48px;

      }

   h1 {

        font-family: 'Fjalla One', sans-serif;

        font-size: 48px;

      }

    </style>

  </head>

  <body>

    <h1>Making the Web Beautiful!</h1>

    <div>Making the Web Beautiful!</div>

  </body>

</html>