Css 字体不适用于firefox或手机？

我在css中包含了一些字体，如下所示

@font-face {
font-family: 'veneer';
src: url('/fonts/Veneer_10.eot');
src: url('/fonts/Veneer_10.eot?#iefix') format ('embedded-opentype'),
     url('/fonts/Veneer_10.ttf') format ('truetype'),
     url('/fonts/Veneer_10.otf') format ('opentype');

}

这适用于chrome和safari，但不适用于firefox或手机（在android浏览器和chrome上测试）

有人知道为什么会这样吗？

格式化woff，otf试试： 范例

格式化woff，otf尝试： 范例

---

使用

woff

或

woff2

使其与主要浏览器兼容。尝试转换为woff，您将能够与更少的行和文件实现更高的兼容性使用

woff

或

woff2

使其与主要浏览器兼容。尝试转换为woff，您将可以使用更少的行和文件实现更高的兼容性

@font-face {
    font-family: "MyriadPro Light";
    src: url(/css/fonts/MyriadPro-Light.woff), url(/css/fonts/MyriadPro-Light.otf);
    font-weight: normal;
    font-style: normal;    
}