Font-Awesome CSS 文件不工作，但 Font-Awesome CDN 工作。为什么？答案

【问题标题】：Font-Awesome CSS file not working but Font-Awesome CDN works. Why?Font-Awesome CSS 文件不工作，但 Font-Awesome CDN 工作。为什么？
【发布时间】：2019-11-14 07:42:46
【问题描述】：

我正在构建自己的网站并将我的静态文件托管在 AWS S3 存储桶中。除了包含所有字体真棒 CSS 信息的 CSS 文件外，我网站上的所有内容似乎都可以正常工作。在这种情况下，我的社交媒体图标和 font-awesome 必须提供的所有其他图标都不起作用，即使我三次检查路径是否正确（在 aws 中检查以及通过对 chrome 的检查。路径匹配) 我最近添加了令人敬畏的字体 CDN，现在它们都出现了。虽然我很高兴我解决了这个问题，但我真的很想知道为什么 CSS 不起作用。我从 bootstrapmade 下载了 CSS 文件，所以一切都应该像他们创建它一样工作。

谁能告诉我为什么会这样？我遇到过几次这种情况，想知道我是否遗漏了什么。

我目前正在使用 Django 2.3 和 Python 3.7.3。

 <!-- Libraries CSS Files -->
  <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
  <link href="{% static 'static/lib/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet">
  <link href="{% static 'static/lib/owlcarousel/owl.carousel.min.css' %}" rel="stylesheet">
  <link href="{% static 'static/lib/owlcarousel/owl.theme.min.css' %}" rel="stylesheet">
  <link href="{% static 'static/lib/owlcarousel/owl.transitions.min.css' %}" rel="stylesheet">

【问题讨论】：

你需要包含webfonts，可以从fontawesome网站下载。

标签： html css django amazon-s3

【解决方案1】：

对于低于 4.7 的字体真棒版本文件夹结构应保持

├── css
│   ├── font-awesome.css
│   └── font-awesome.min.css
├── fonts
│   ├── FontAwesome.otf
│   ├── fontawesome-webfont.eot
│   ├── fontawesome-webfont.svg
│   ├── fontawesome-webfont.ttf
│   ├── fontawesome-webfont.woff
│   └── fontawesome-webfont.woff2

当您从here 下载 font awesome zip 文件时，fonts 目录文件可用

【讨论】：

这可能是一个愚蠢的问题，但我需要以某种方式将 html 链接到字体目录吗？还是 font-awesome.css 和 font-awesome.min.css 自动从 fonts 目录中检索他们需要的东西？