自定义字体无法在Firefox和IE上运行。 Chrome精细

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;
   }