Html 外部CSS+；谷歌字体_Html_Css

Html 外部CSS+；谷歌字体

html css

Html 外部CSS+；谷歌字体,html,css,Html,Css,出于某种原因，导入的谷歌字体不起作用？字体显示不正确。这是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" re

出于某种原因，导入的谷歌字体不起作用？字体显示不正确。这是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>

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

如果您想将CSS放在一个单独的文件中，请插入代码，如图所示

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

为main.css使用正确的路径创建css文件夹并将主css文件放在该文件夹中并使用下面的路径

css文件在哪里？它是否在html文件上方的文件夹中？或者它与html文件在同一个文件夹中？如果它在同一文件夹中，请从链接中删除

：

Bah。是的，它与html文件位于同一文件夹中。谢谢你的第二双眼睛。

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