html - Firefox 只加载我网站的部分 CSS

Question

我正在开发一个网站，并且一直在 Chrome、IE 和我的 Android 手机上工作。我决定在 firefox 中测试该站点，但整个过程都崩溃了。在我看来，好像所有的 CSS 都没有加载，但我一直想不通为什么不会加载。

现场: http://matttucker.onedogdevelopment.com/

在我的源代码中，我有类似下面的东西......

<style type="text/css" media="all">@import url(....); @import url(....); </style>
<style type="text/css" media="all">@import url(....); @import url(....); </style>
<style type="text/css" media="all">@import url(....); @import url(....); </style>

我相信只有第一个样式元素中列出的 CSS 文件会被加载。

更新:Drupal 还允许我聚合 css 并输出如下内容...

<link type="text/css" rel="stylesheet" href="..." media="all" />
<link type="text/css" rel="stylesheet" href="..." media="all" />
<link type="text/css" rel="stylesheet" href="..." media="all" />

即使在聚合时，也只会显示第一个样式表是否正在加载。我不知道为什么会这样，尤其是因为它已经在其他浏览器上运行了。

如有任何建议，我们将不胜感激。

Answer 1

查看 Firefox 中报告的 CSS 错误，这个错误让我大吃一惊:

Error in parsing value for 'src'.  Skipped to next declaration.

其次是

Unexpected end of file while searching for closing } of declaration block.
Unexpected end of file while searching for '}'.

相关的 CSS 看起来像这样:

src: local("Meta Serif Book"),
     url(/sites/default/themes/one_dog_development_starter/css/metaserif_book.otf) format("opentype"),
}

注意尾随的“,”。事实上，这最终吃掉了样式表的其余部分，这对我来说就像是 Firefox 中 CSS 错误处理中的一个错误；我提交了 https://bugzilla.mozilla.org/show_bug.cgi?id=748254跟踪它。但是修复 CSS 使其不存在该问题应该会有所帮助。