个人中心
gpt4 book ai didi

html - 谷歌浏览器不会加载两个 CSS 文件

转载 作者：可可西里 更新时间：2023-11-01 13:50:58 24 4
gpt4 key购买 nike

我刚刚开始为我创建个人网站，然后我遇到了一个问题。一旦我包含两个样式表，第二个样式表就不会加载(不会呈现)。我的第一个加载(渲染)样式表如下所示:

@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>

当我查看开发人员工具中的 Resources 面板时，它显示了两个样式表，但是当我查看 Sources 面板时，它只显示了一个已加载:

来源

Sources Panel

资源

Resources Panel

我尝试了提到的所有方法 here和 here .

更新

这里是 Network 和 Console 面板。

enter image description here

enter image description here

更新 2

enter image description here

更新 3

enter image description here

最佳答案

试试这个:

<!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 属性，它可以正常工作。 (我已经在我的网络服务器上测试过了)

里面没有title属性<link>标签。

http://www.w3schools.com/tags/tag_link.asp

Ops，没关系，它支持全局属性(包括标题)，无论如何，如果您删除它们，页面仍然有效...我注意到如果您保留标题属性但没有空格，它也有效在他们里面。尝试更改您的标题并删除所有空格。

关于html - 谷歌浏览器不会加载两个 CSS 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34462706/

24 4 0
文章推荐： php - 打开/关闭花括号而不是打开/关闭双引号之间的区别来解释 PHP 中的字符串
文章推荐： c# - Wpf 自定义窗口，Windows 边缘调整大小功能
文章推荐： php - Yii 自定义模型错误
文章推荐： windows - 将批处理文件转换为 exe 后，Windows Defender 为什么将文件显示为木马？
可可西里
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com