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: …