Fonts Changing Weight When Uploaded To Web Server

I'm using the Google font 'Open Sans', and while it seems to be displaying properly on my local machine's Chrome browser, the font is much bolder when I view the same page uploaded

Solution 1:

Provide a font-weight by default as in

.myClass{
   font-family:'Open Sans';
   font-weight: 700;
}