Question

前几天我开始学习HTML。现在我试图嵌入一个CSS文件，它应该改变正文的字体，但它不会;）。

我有一个非常简单的HTML文件：

<head>                                             
    <meta charset="UTF-8">                         
    <title>TEXT</title>                            
    <meta name="description" content="Darum gehts auf der Page">  
    <meta name="keywords" content="fugenspachtel, silikon" >    
    <meta http-equiv="expires" content="0">        
    <style>
        article {
            color: green;                          
        }
        h1 {
            color: blue;
        }
    </style>
    <link rel="stylesheet" href="css/stylesheet.css">    

</head>

<body>                                             
    <header>                                       
        <h1 style="color: red">TEXT <br> <span>TEXT</span></h1>      
    </header>

    <section>                                      
        <article>
        <p>TEXT</p>
        <img src="images/spachtel1.jpg"><br>
        <img src="images/spachtel1.jpg"><br><br>
        </article>
    </section>

    <footer>                                          
        <h3>text<br>
    </footer>
</body>

这是包含正文颜色的CSS文件：

@font-face {                                                    
    font-family: 'alex_brushregular';
    src: url('alexbrush-regular-webfont.eot');
    src: url('alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('alexbrush-regular-webfont.woff2') format('woff2'),
    url('alexbrush-regular-webfont.woff') format('woff'),
    url('alexbrush-regular-webfont.ttf') format('truetype'),
    url('alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {                                                          
    font-family: 'alex_brushregular', 'sans-serif';
}

我有一个项目文件夹，在该文件夹中我还有一个名为CSS的文件夹。在该文件夹中，所有字体都有不同的格式（例如.ttf，.eot等）。

这是文件夹结构： http://i.imgur.com/tM5Cvko.png

Answer 1

你错过了样式表末尾的s字母，请使用

<link rel="stylesheet" href="css/stylesheets.css">

而不是

<link rel="stylesheet" href="css/stylesheet.css">

Answer 2

问题是您在文件夹中的css文件被称为stylesheet.css时尝试加载stylesheets.css。所以简单地重命名就可以解决问题

Answer 3

您的链接必须如下

<link type="text/css" rel="stylesheet" href="file">

一般来说，你错过了这种类型。

无法将CSS文件连接到HTML文件

3 个答案: