Why this CSS font face code does not load the font

Question

I have the written the following code in CSS for it to load the fonts. The path are double checked, they are fine, but I do not know why it does not load them up. it worked until quite several days ago. Now, it does not work. Here is the written code:

@font-face {
    font-family: Yekan;
    src:    url('font/BYekan.eot?#') format(‘eot’),    
          url('font/BYekan.woff') format('woff'),
          url(‘font/BYekan.ttf’) format(‘truetype’); 
}

Answer 1

Your styles have ‘’ in them when they should be '. Change them and it should work.

@font-face {
    font-family: Yekan;
    src:  url('font/BYekan.eot?#') format('eot'),    
          url('font/BYekan.woff') format('woff'),
          url('font/BYekan.ttf') format('truetype'); 
}

Answer 2

You have not written url and format in quotes.

src:url('font/BYekan.eot'); statement will use font file installed on user's computer if available and not load font file. This is important, otherwise every time font file will be loaded to user's browser even if it is available.

Try:

@font-face{
    font-family:'Yekan';
    src:url('font/BYekan.eot');
    src:local('Yekan'),url('font/BYekan.eot?#iefix') format('embedded-opentype'),url('font/BYekan.woff') format('woff'),url('font/BYekan.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

Answer 3

Your truetype font path wrapper should be replaced with '(single quot) not with `

@font-face {
    font-family: 'Yekan';
    src:    url('font/BYekan.eot?#') format(‘eot’),    
          url('font/BYekan.woff') format('woff'),
          url('font/BYekan.ttf') format(‘truetype’); 
}

Answer 4

Use in your style.css :

@font-face {
    font-family:'Yekan';
    src:  url('font/BYekan.eot?#') format('eot'),    
          url('font/BYekan.woff') format('woff'),
          url('font/BYekan.ttf') format('truetype'); 
}

Then use in your class :

font-family: 'Yekan', sans, helvetica;