Пользовательский шрифт не работает на Firefox и IE. Chrome Fine

Question

Недавно я использовал собственный шрифт на своих веб-сайтах. Загрузив его на сервер, я смог просмотреть только этот шрифт в Google Chrome. В Firefox и IE шрифт переключился на Times New Romans. Однако после загрузки на другой сервер, как FF, так и Chrome могут просматривать его, но IE все еще не может. Есть ли способ гарантировать, что все браузеры могут использовать шрифт?

Answer 1

Make sure your @font-face rule like below

@font-face { 
    font-family: "Calibri"; 
    src: url('fonts/calibri_2.eot'); 
    src: url('fonts/calibri_2.eot?#iefix') format('embedded-opentype'), 
    url('fonts/calibri_2.svg#Calibri') format('svg'), 
    url('fonts/calibri_2.woff') format('woff'), 
    url('fonts/calibri_2.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
    }