CSS @font-face 在 Firefox 中无法正常工作，但在 Chrome 和 IE 中可以。

以下代码在Google Chrome beta和IE 7中都能正常工作。但是，Firefox似乎有问题。我怀疑这可能是由于我的CSS文件的引入方式导致的问题，因为我知道Firefox对跨域导入并不友好。但是，这只是纯静态HTML，不存在跨域问题。在我的landing-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");

在type.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相同的位置上，我有一个名为“font”的目录，其中包含所有woff/ttf/svg文件等。

我被这个问题难住了。在Chrome和IE中可以工作，但在Firefox中无法正常工作。这怎么可能？我错过了什么？