title: CSS Not Recognizing "Avenir Next" as my font family
body: <p>I am using CSS for my headers where all menus should be coming as "Avenir Next" font-family. But it is not recognizing it. It is showing as simple Arial. </p>
  
  <p>My code is :</p>
  
  <pre><code>#main .Header .mainnav ul {
    float: left;
    list-style: none;
    margin: -17px 0 0;
    padding: 0;
    font-family: Avenir Next !important;
    font-size: 14px; 
  } 
  </code></pre>