我正在尝试从超棒的字体中添加一个图标，但是由于某些原因，在加载页面时它不会出现。以下是我的html代码，在其中尝试以不同的方式添加很棒的字体。
<html lang="en">
<head>
<title>Media Queries</title>
<meta name="viewport" content="width=device-width, initial=scale1.0">
<link rel="stylesheet" href="main.css">
<link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-car" aria-hidden="true"></i>
<h1>
<i class="fa fa-car" aria-hidden="true"></i>Dummy Text
</h1>
</body>
</html>
代码中是否缺少任何内容？
您可以在“ main.css ”文件中添加超棒的css 文件
@import url('/font-awesome-4.6.3/css/font-awesome.min.css');
如果您打算使用 CDN，只需将一行添加到您的 css 文件（即 main.css）中，指示应从何处导入字体样式
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
上例中使用的链接来源： https: //www.bootstrapcdn.com/fontawesome/
小智 1
您在链接中输入的是文件夹的名称。您应该输入文件的名称（font-awesome）
在 font-awesome 文件夹中查找名为 font-awesome 的文件，将其复制并粘贴到浏览器文本字段中，以便您可以看到正确的路径。复制该路径并粘贴到您的链接中，如下所示：
<link rel="stylesheet" href="font-awesome/css/font-awesome.css">
只需检查路径是否正确，因为我没有看到其他错误。如果不起作用请告诉我。