我正在创建一个小型单页网站..这是相当长一段时间中的第一次。 它在台式机、平板电脑和手机上的 chrome 和 safari 上运行良好，但在 Firefox(v20 for mac os)上 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>
非常感谢所有帮助。谢谢。
最佳答案
您的 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 个实例。
关于html - CSS 文件未在 Firefox 中加载/显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19391245/