title: CSS - How to import all variants (listed inside a TFF file) of a TTF font
body: <p>Im trying to import a specific variant of a font delivered as a TTF font.
  This font is commonly listed as &quot;Avenir&quot; and whenever I open the font locally it has at least 7 variants.
  I cannot figure out how to get another variant, such as Avenir Next Heavy.
  Any help would be highly appreciated. Code on how im currently importing the font below.</p>
  <pre><code>@font-face {
      font-family: &quot;Avenir&quot;;
      src: url('./../webfonts/avenir.ttc') format(&quot;truetype&quot;);
  }
  </code></pre>
  <pre><code>h1, h2, h3, h4, h5 {
      font-family: &quot;Avenir Next Condensed Heavy&quot;, sans-serif;
  }
  </code></pre>