Google fonts font-weight of 100 is not working

问题

I have an android game that uses the Raleway font from google fonts, and in the game it looks nice. I want to use that font on the website as well, but the font doesn't display the same. In the game I use Raleway-Thin, and that is the same one I want to use on the website. The issue that I am having is that the thin font isn't as thin as in the game.

@import url(http://fonts.googleapis.com/css?family=Raleway:500,600,700,100,800,900,400,200,300);

body{
    font-family: 'Raleway', sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 100;
}

When setting the font-weight as 100, 200, 300, 400 or 500 the weight is always the same. What is causing this?

回答1:

I figured it out!

I had the font Roboto installed on my computer so it was using that font instead. I removed/deleted this font and this fixed the google boldness as google uses that font all over the place.

I then removed/deleted Raleway which was also installed on my computer and that fixed the initial issue with my website.

来源：https://stackoverflow.com/questions/31255245/google-fonts-font-weight-of-100-is-not-working