CSS@字体-Face不使用Firefox，而是使用Chrome和IE

Question

CSS@字体-Face不使用Firefox，而是使用Chrome和IE

以下代码适用于GoogleChromebeta和IE7。然而，Firefox似乎对此有问题。我怀疑这是一个如何包含我的CSS文件的问题，因为我知道Firefox对跨域导入并不太友好。

但是这都是静态的HTML，没有跨域的问题。

在land-page.html上，我做了如下所示的CSS导入：

<link rel="stylesheet" href="../css/main.css" type="text/css" media="screen, projection" />

在main.css中，还有类似于这样的另一个导入：

@import url("reset.css");@import url("style.css");@import url("type.css");

在.css类型中，我有以下声明：

@font-face {
    font-family: "DroidSerif Regular";
        src: url("font/droidserif-regular-webfont.eot");
        src: local("DroidSerif Regular"), 
                url("font/droidserif-regular-webfont.woff") format("woff"), 
                url("font/droidserif-regular-webfont.ttf")     format("truetype"), 
                url("font/droidserif-regular-webfont.svg#webfontpB9xBi8Q")     format("svg"); 
    font-weight: normal; font-style: normal; }@font-face {
    font-family: "DroidSerif Bold";
    src: url("font/droidserif-bold-webfont.eot");
    src: local("DroidSerif Bold"), 
        url("font/droidserif-bold-webfont.woff") format("woff"), 
        url("font/droidserif-bold-webfont.ttf") format("truetype"), 
        url("font/droidserif-bold-webfont.svg#webfontpB9xBi8Q") format("svg");
    font-weight: normal; font-style: normal; }body { font-family: "DroidSerif Regular", serif; }h1 { font-weight: bold; font-family: "DroidSerif Bold", serif; }

我有一个名为“字体”的目录，与type.css位于同一个位置。此字体目录包含所有Woff/TTF/SVG文件等。

我对这件事很困惑。它适用于Chrome和IE，但不适用于Firefox..这怎麽可能？我遗漏了什么？