title: Css: how to map a given font to a given weight?
body: <p>I need to assign a font to a specific weight.</p>
  
  <p>AvenirNext-Regular is the base font I want. But when it comes to bold it, the result is not what I want: AvenirNext-Bold is too heavy. I'd like to use AvenirNext-DemiBold instead.</p>
  
  <p>Is there a cool way to assign Semibold (or whatever font I need) to the font-weight: bold property?</p>
  
  <p>[EDIT] I tried to explore the following, but is there a way to add src for an existing font-face?</p>
  
  <p>@font-face {
      font-family: "AvenirNext-DemiBold";
      font-weight: bold;
  }</p>