Heroku中没有显示离子图标答案

【问题标题】：Ionicons Not Showing in HerokuHeroku中没有显示离子图标
【发布时间】：2016-08-12 11:18:29
【问题描述】：

我正在使用 Django 1.8、OSX 和 Chrome。我在渲染模板中包含的一些离子未显示在 Heroku（暂存环境）中。我相当确定我已在 css 和字体文件 (30464569) 中正确链接/包含图标，因为它们在 localhost、cPanel 以及在个人自己的网站上发布时显示得很好。此外，如果我使用 Safari，它们甚至会出现在 Heroku 上！这里发生了什么？

我已经阅读了很多关于此的 SO 帖子，但大多数人都在引用其他字体包 (29687388) 或 (14366158)、其他框架 (25982037) 或 (21472458)，或者完全没有图标 (27766015)。

已编辑以包含 HTML（来自 Django 模板）

  <head>
    <meta charset="UTF-8">
    <title>{{ student.preferred_name }} {{ student.last_name }}</title>
    <!--<meta name="description" content="[Insert your description here]">-->
    <!--<meta name="google-site-verification" content="">-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="{% asset 'vendors/css/normalize.css' %}">
    <link rel="stylesheet" type="text/css" href="{% asset 'vendors/css/grid.css' %}">
    <link rel="stylesheet" type="text/css" href="{% asset 'vendors/css/owl.carousel.min.css' %}">
    <link rel="stylesheet" type="text/css" href="{% asset 'vendors/css/owl.theme.default.min.css' %}">
    <link rel="stylesheet" type="text/css" href="{% asset 'vendors/css/ionicons.min.css' %}">
    <link rel="stylesheet" type="text/css" href="{% asset 'resources/css/queries.css' %}">
    <link rel="stylesheet" type="text/css" href="{% asset 'resources/css/style.css' %}">
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:400,100,300,300italic">
  </head>

我不愿发布代码，因为它不是一个公共项目，但这里有两张图片显示了这个问题：

Icons on LocalHost

Icons on Heroku

关于如何解决此问题的任何想法？我需要我的用户在发布他们的网站之前看到准确的预览，而这个图标问题已经困扰了一个多星期。

谢谢！莎拉

【问题讨论】：

请发布您的 HTML 模板中的相关部分，特别是链接 CSS 文件的部分。

标签： django google-chrome heroku osx-elcapitan ionicons

【解决方案1】：

确保在推送到 heroku 之前运行命令 $python manage.py collectstatic。

【讨论】：

是的，我已经做到了。问题不在于文件不存在。问题是在暂存中，只有在 Chrome 中查看时，它们才不会显示。

【解决方案2】：

我遇到了同样的问题确认静态资产拼写正确请注意，它在 Windows 上可能不区分大小写，但 Linus 区分大小写并且 Heroku 在 Linus 上运行所以确保你的小写和大写就位

【讨论】：