3

我正在创建一个小的单页网站 ..很长一段时间以来第一次。它在桌面、平板电脑和手机上的 chrome 和 safari 上运行良好，但在 Firefox（mac os 的 v20）上，CSS 不加载（本地或在线）。

我做了一些研究并检查/修改了以下内容：

  • 编码是“utf-8”
  • 使用绝对路径而不是相对路径时没有区别/变化。
  • 路径是正确的，一直到 css 文件的区分大小写的名称。
  • 指定链接类型（文本/css）
  • 缓存被清除了。。很多。。

.. 但仍然没有运气，下面是链接到 css 的代码行，它也在http://www.louisetiernan.com上

<head>
<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

非常感谢所有帮助。谢谢。

4

4 回答 4

6

您的 CSS 中有拼写错误。不执行第一个错字以外的所有内容：

你有什么：

@font-face {
  font-family: 'chaparral';
  src: url('fonts/chaparralprosemibold.eot); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'chaparralr';
  src: url('fonts/chaparralproegular.eot); /* IE9 Compat Modes */
}

'在之前添加)

@font-face {
  font-family: 'chaparral';
  src: url('fonts/chaparralprosemibold.eot'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'chaparralr';
  src: url('fonts/chaparralproegular.eot'); /* IE9 Compat Modes */
}

'您忘记了 url 参数中的2 个结束实例。

于 2013-10-15T21:36:19.920 回答
1

在 firebug 中查看解释的 CSS，看来 FF 的@font-face声明有问题。尝试删除它们styles.css以诊断问题。解释器可能不喜欢多个src属性，或者它可能对评论感到窒息（尽管对我来说一切看起来都不错 [还有 Chrome 和 Safari ......]）。

于 2013-10-15T21:31:17.710 回答
1

我相信您的 CSS 文件中存在许多错误，导致它无法在页面上正确呈现。请访问以下网站并验证您的 CSS 代码（将其粘贴在那里）：

http://jigsaw.w3.org/css-validator/#validate_by_input

当我输入您的 css 时，发现了 5 个错误。仔细检查并修复每个错误，css 应该会出现并开始工作。

于 2013-10-15T21:31:26.500 回答
-1

我相信罪魁祸首是标签末尾的 / 。

应该是这样的： 

...type="text/css" href="styles.css">

于 2013-10-15T21:25:53.630 回答