Google Chrome不会加载两个CSS文件
[英]Google Chrome won't load two CSS files
问题描述
我刚刚开始为我创建一个个人网站，然后我遇到了一个问题。 只要我包含两个样式表，第二个样式表就不会加载（不渲染）。 我的第一个加载（渲染） 样式表看起来像这样：
@font-face {
font-family: 'archive';
src: url('archive-webfont.eot');
src: url('archive-webfont.eot?#iefix') format('embedded-opentype'),
url('archive-webfont.woff2') format('woff2'),
url('archive-webfont.woff') format('woff'),
url('archive-webfont.ttf') format('truetype'),
url('archive-webfont.svg#archive') format('svg');
font-weight: normal;
font-style: normal;
}
没有加载（不渲染）的第二个样式表如下所示：
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
color: #FFFFFF;
background: #333333;
}
h1 {
margin: 0;
font-family: archive;
}
我的HTML看起来像这样：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Jacques Marais</title>
<link rel="stylesheet" href="fonts/archive.css" title="Archive Font CSS" />
<link rel="stylesheet" href="css/master.css" title="Master CSS" />
</head>
<body>
<h1><span class="first-character">J</span>acques Marais</h1>
</body>
</html>
当我查看Developer Tools中的Resources面板时，它会显示两个样式表，但是当我查看Sources面板时，它只显示一个已加载：
来源
资源
更新
以下是Network和Console窗格。
更新2
更新3
2 个解决方案
解决方案1
2 已采纳 2015-12-25 15:02:58
尝试这个：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Jacques Marais</title>
<link rel="stylesheet" href="fonts/archive.css" />
<link rel="stylesheet" href="css/master.css" />
</head>
<body>
<h1><span class="first-character">J</span>acques Marais</h1>
</body>
</html>
我刚刚删除了链接标记中的title属性，它可以正常工作。 （我在我的网络服务器上测试过）
<link>标记内没有title属性。
http://www.w3schools.com/tags/tag_link.asp
Ops ，没关系，它支持全局属性（包含标题），无论如何，如果你删除它们页面工作...我已经注意到它也有效，如果你留下标题属性但没有空格。 尝试更改标题并删除所有空格。
解决方案2
-1 2015-12-25 13:51:26
我不确定它是否真的有用。 我遇到了同样的问题并找到了解决方案。 在第二个样式表做这样 -
h1 {
margin: 0;
font-family: 'archive'; /* add your font-family name inside '' */
}
CSS 函数不会在 Google Chrome 上更新
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.