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('fonts/WebYekan.eot?#') format('eot'),
        url('fonts/WebYekan.ttf') format('eot'), 
        url('fonts/WebYekan.woff') format('truetype');
}

Answer 1

Solution:

You were referencing the wrong format to the wrong font files. Fixed it below:

@font-face {
font-family: 'yekan';
src: url('fonts/WebYekan.eot?#') format('eot'),
    url('fonts/WebYekan.ttf') format('truetype'), 
    url('fonts/WebYekan.woff') format('woff');

}

Answer 2

this may work

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

Answer 3

• check the network tab to see if these files are being referenced
• if you need these fonts so bad then get a local copy and reference them
• need not reference .eot font unless you are using IE