Question

出于某种原因，导入的Google字体不起作用？字体未正确显示。这是HTML。

<!DOCTYPE html>
<html>
<head>
  <title>Test</title>
  <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  <link href="/main.css" rel=stylesheet type="text/css">
</head>
<body>
  <div class="testing">
   <h1>nothing to see</h1>
  </div>
</body> 
</html>

我的CSS文件：

.testing h1 {
font-family: 'Pacifico';
font-style: normal;
}

Answer 1

问题是第二个链接标记（包含main.css的标记）与main.css的地址错误。尝试将main.css放在与HTML文件相同的文件夹中，并删除href值main.css旁边的斜杠（/），如图所示

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

如果您希望CSS在单独的文件中插入代码，如图所示

<link href="(FILE NAME)/main.css" rel=stylesheet type="text/css">

Answer 2

使用main.css的正确路径制作css文件夹＆amp;把主css文件放在那个文件夹中使用以下路径

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

外部CSS + Google字体

2 个答案: