Font Family Open Sans not being used

Question

I am using Google\'s Open Sans Font in my application.

I have defined the stylesheet as instructed:

Answer 1

Check out the codepen link. Its working fine for me !

.open-sans-font{
  font-family: 'Open Sans', sans-serif;
}

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">

<div class="open-sans-font">
   Stackoverflow rocks !!!
</div>