Question

我正在创建一个小型单页网站..这是第一次相当长一段时间。它适用于chrome＆amp;桌面，平板电脑和平板电脑的野生动物园手机但在Firefox（v20 for mac os）上，CSS无法加载（本地或在线）。

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

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

..但仍然没有运气，下面是链接到css＆amp;的代码行。它也存在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>

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

Answer 1

你的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个实例。

Answer 2

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

Answer 3

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

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

当我输入你的CSS时，找到了5个错误。通过并修复每个错误，css应该显示并开始工作。

Answer 4

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

应该是这样的：

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

在Firefox中没有加载/显示CSS文件

4 个答案: