Clever Geek Handbook

Why isn't this CSS font loading the font?

I have the following code in CSS for loading fonts. The path is checked twice, they are ok but I don't know why it doesn't load them. it worked until a few days ago. Now it won't work. Here's 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');
}
+3


source to share


3 answers


Decision:

You referenced the wrong format on the wrong font files. Fixed:



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

}

+1


source


it might 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');
}
0


source


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


source






More articles:


All Articles