0

我正在尝试学习网页设计，目前我正在学习 HTML 和 CSS。我想使用 @import 将谷歌的无衬线字体嵌入到我的 CSS 文件中，并将其放在我的 CSS 文件的顶部以更改我的 HTML 页面的字体。但在使用各种网络浏览器（Chrome、IE、Opera 等）保存并打开 Index.html 文件后，我看不到任何字体变化。但是当我将我的 HTML 和 CSS 代码粘贴到http://codepen.io在线编辑器时，会出现更改，并且我可以看到字体更改。

我使用以下代码将 CSS 文件链接到我的 Index.html 文件：

<head>
  <link re="stylesheet" type="text/css" media="screen" href="CSS/screen.css">        
</head>

我的 CSS 文件只包含以下代码：

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,700,700i');

body {font-family: 'Open Sans', sans-serif;

        font-size: 16px;
        font-weight: 300;
        color: #555;
        margin: 0;
        padding: 0;}

这是我的 HTML 和 CSS 文件：

https://drive.google.com/file/d/1nPvXFAYIYWQOM4YtZ7-iEtkUPXX8LsxP/view?usp=sharing

代码有什么问题还是我的 Windows 设置有问题？任何帮助都将受到高度赞赏。

4

0 回答 0