Trying to add a custom header (to match my primary site and take users back, if needed). My brand logo uses Open Sans 300 light (with 4px letter spacing, not important). So:
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
Then I style it:
.top-brand-nav-link {
font-family: "Open Sans";
font-weight: 300;
font-size: 25px;
letter-spacing: 4px;
}
Anyway, it all works and the header looks fine except that the font weight is off! It gives me Open Sans 400 (not 300)! I’m a little puzzled because when I change font-weight to 600 (semibold) or 700 (bold), it gets styled correctly (so my code should be fine). Obviously 400 is fine, but I cannot seem to get it to 300 (light). 300 just gives me 400.
Any idea why?