以下代码可在Google Chrome beta和IE 7中运行。但是,Firefox似乎对此有问题。我怀疑这是如何包含CSS文件的问题,因为我知道Firefox对跨域导入不太友好。

但这全都是静态HTML,这毫无疑问跨域。

在我的登陆页面.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。这怎么可能?我想念什么?

评论

目前,我正在遇到FontSquirrel生成的指令和字体的确切问题。

出于测试目的,您可以尝试在