Css Not Recognizing "avenir Next" As My Font Family

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. My code is : #main .Heade

Solution 1:

Try:

#main.Header.mainnavul {
    float: left;
    list-style: none;
    margin: -17px00;
    padding: 0;
    font-family: "Avenir Next"!important;
    font-size: 14px; 
}

It is because of " " Space in font name.

By Looking at your last comment, I'll suggest you to host a font-file in either a .ttf, .ote or .otf format and link that file in your page.

and use this code:

@font-face {
  font-family: 'Avenir Next';
  src: url("http://www.yoursite.com/fonts/Avenir_Next.otf"); /* File to be stored at your site */
  }

That will help you even if your font is not installed at your clients computer.

Hope it'll help you. cheers :)!