2016-04-20 5 views
-1

Ich arbeite in Django 1.8, OSX und Chrome. Einige Ionen, die ich in einer gerenderten Vorlage eingeschlossen habe, werden in Heroku (Staging-Umgebung) nicht angezeigt. Ich bin mir ziemlich sicher, dass ich die Icons in den css- und font-Dateien (30464569) richtig verlinkt habe, weil sie auf dem localhost, auf cPanel und auf der eigenen Website gut zu sehen sind. Außerdem erscheinen sie sogar auf Heroku, wenn ich Safari verwende! Was passiert hier?Ionicons nicht in Heroku

Ich habe eine Reihe von SO Beiträge über diese Zeilen lesen, aber die meisten Leute verweisen auf andere Font-Pakete (29687388) oder (14366158), einem anderen Rahmen (25982037) oder (21472458) oder völlig fehlende Symbole (27766015).

EDITED HTML EINZUBEZIEHEN (aus Vorlage 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> 

Ich bin zögerlich Code zu schreiben, weil es kein öffentliches Projekt ist, aber hier sind es zwei Bilder, die Frage zeigt:

Icons on LocalHost

Icons on Heroku

Irgendwelche Ideen, wie ich das beheben kann? Ich brauche meine Benutzer, um eine genaue Vorschau zu sehen, bevor sie ihre Website veröffentlichen, und dieses Icon-Problem hat seit über einer Woche Kopfschmerzen bereitet.

Danke! Sarah

+0

Bitte veröffentlichen Sie die relevanten Teile aus Ihrer HTML-Vorlage, insbesondere den Teil, wo Sie die CSS-Datei verknüpfen. – Selcuk

Antwort

0

Stellen Sie sicher, dass Sie den Befehl $ python manage.py collectstatic ausführen, bevor Sie nach heroku wechseln.

+0

Ja, das habe ich gemacht. Das Problem ist nicht, dass die Dateien nicht da sind. Das Problem besteht darin, dass beim Staging nur in Chrome Anzeigen nicht angezeigt werden. – knittingarch