2016-04-20 48 views
-1

我正在使用Django 1.8,OSX和Chrome。一些渲染模板中包含的一些ionicons没有显示在Heroku中(分段环境)。我相当肯定我已经在css和字体文件(30464569)中正确链接/包含图标,因为它们在本地主机,cPanel上以及在个人自己的网站上发布时都显示得很好。此外,如果我使用Safari,它们甚至会显示在Heroku上!这里发生了什么?Ionicons在Heroku中未显示

我读了一堆关于这个SO职位,但大多数人都引用了其他字体包(29687388)或(14366158),其它框架(25982037)或(21472458),或完全丢失的图标(27766015)。

编辑,包括(从Django的模板)HTML

<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

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

谢谢! Sarah

+0

请从HTML模板中发布相关部分,特别是链接CSS文件的部分。 – Selcuk

回答

0

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

+0

是的,我已经做到了。问题不在于文件不在那里。问题在于,在升级中,只有在Chrome浏览器中查看时,他们才会显示。 – knittingarch