Css3@fontface不适用于chrome17和firefox10

我正在为阿拉伯语字体的@fontface尝试以下代码：

@font-face {
font-family: 'MothnnaFont';
src: url('fonts/mothnna.eot'); /* IE9 Compat Modes */
src: url('fonts/mothnna.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/mothnna.woff') format('woff'), /* Modern Browsers */
    url('fonts/mothnna.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/mothnna.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */
}

我在一个名为demo的类中使用字体：

.demo
{
    font-family:'MothnnaFont',Sans-Serif;
    width:800px;
    margin:10px auto;
    text-align:center;
    border:1px solid #666;
    padding:10px;
    direction: rtl;
}

这段代码在ie上运行，但在firefox 10或chrome 17上不起作用

这是一个演示

下面是字体的外观

有人能帮我让这种字体在所有浏览器中都显示出来吗

已解决：刚刚下载了字体并再次转换，现在一切正常

---

感谢大家的帮助

这种嵌入网页字体的语法不再是防弹的了。 请尝试改用Fontspring语法：

@font-face {
    font-family: 'MothnnaFont';
    src: url('fonts/mothnna.eot?#iefix') format('embedded-opentype'),
         url('fonts/mothnna.woff') format('woff'),
         url('fonts/mothnna.ttf')  format('truetype'),
         url('fonts/mothnna.svg#svgMothnnaFont') format('svg');
}

这只是您必须修复的“src”属性的首次双重出现

这会解决你的问题

---

有关语法的更多信息，请查看以下内容。顺便说一句，fontsquirrel也使用这种语法作为默认语法。

可能使用两个

src:

？尝试

，

而不是

；src:

。尝试过，但无效。您确定路径正确吗？其他一切看起来都差不多。我知道这些是基本问题，但您是否有doctype以及编码设置是否正确？