Font-Awesome CSS文件不起作用,但Font-Awesome CDN有效。为什么?

时间:2019-07-03 15:07:16

标签: html css django amazon-s3

我正在构建自己的网站,并将静态文件托管在AWS S3存储桶中。除了包含所有字体真棒CSS信息的CSS文件之外,我网站上的所有内容似乎都可以正常工作。在这种情况下,即使我三遍检查路径是否正确(在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">

1 个答案:

答案 0 :(得分: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下载真棒zip文件时fonts目录文件可用