The idea behind the @font-face declaration (which doesn't mean that's the way it works in actual renderers) is this:
1. You declare a font as "bold", "italic", whatever in the @font-face rule. It doesn't mean the font file has those properties, it just instructs the renderer to use the linked font file when the correponding font-family/font-weight/font-style/font-variant combination is requested.
2. You then have to use the font with the matching font-family/font-weight/font-style/font-variant combination.
So, if you declare a font as "font-weight: 600" in the @font-face, you have to use "font-weight: 600" in the style of the element you want the font applied to (either directly or as part of some other cascading/inherited styles).
|