title: font-weight not working inside @font-face
body: <p>I have a css file where I am importing some fonts now the font itself does work just fine when i use it in an element , but when i declare a font-weight property in the <strong>@font-face</strong> tag that does not apply.</p>
  <p><strong>fonts.css</strong></p>
  <pre><code>@font-face {
    font-family: &quot;Password&quot;;
    font-style: normal;
    font-weight: 400;
    src: url(&quot;~assets/fonts/password.woff2&quot;) format(&quot;woff2&quot;),
      url(&quot;~assets/fonts/password.woff&quot;) format(&quot;woff&quot;);
  }
  
  @font-face {
    font-family: &quot;TT Hoves Bold&quot;;
    font-style: normal;
    font-weight: 700;
    src: url(&quot;~assets/fonts/tt_hoves_bold-webfont.woff2&quot;) format(&quot;woff2&quot;),
      url(&quot;~assets/fonts/tt_hoves_bold-webfont.woff&quot;) format(&quot;woff&quot;);
  }
  
  @font-face {
    font-family: &quot;TT Hoves Demi Bold&quot;;
    font-style: normal;
    font-weight: 600;
    src: url(&quot;~assets/fonts/tt_hoves_demibold-webfont.woff2&quot;) format(&quot;woff2&quot;),
      url(&quot;~assets/fonts/tt_hoves_demibold-webfont.woff&quot;) format(&quot;woff&quot;);
  }
  
  @font-face {
    font-family: &quot;TT Hoves Medium&quot;;
    font-style: normal;
    font-weight: 500;
    src: url(&quot;~assets/fonts/tt_hoves_medium-webfont.woff2&quot;) format(&quot;woff2&quot;),
      url(&quot;~assets/fonts/tt_hoves_medium-webfont.woff&quot;) format(&quot;woff&quot;);
  }
  
  @font-face {
    src: url(&quot;~assets/fonts/tt_hoves_regular-webfont.woff&quot;);
    font-family: &quot;TT Hoves Regular&quot;;
    font-style: normal;
    font-weight: 700;
  }
  </code></pre>
  <p><strong>HTML</strong></p>
  <pre><code>h2.text{
      font-family: TT Hoves Regular
      font-size: 1.125rem
  }
  </code></pre>
  <p>the font family does apply to this element but not the font-weight, it does work when i declare font-weight in the element but that becomes repetitive and ugly doest anyone knows how to declare and use font-weight from @font-face property?</p>