2016-04-20 9 views
-1

Django 1.8、OSX、およびChromeで作業しています。私がレンダリングしたテンプレートに含まれているイオニコンは、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

私はこれをどのように修正することができますか?ユーザーがサイトを公開する前に正確なプレビューを見る必要があり、このアイコンの問題は1週間以上の重大な頭痛になっています。

ありがとうございます! Sarah

+0

HTMLテンプレート、特にCSSファイルをリンクする部分から関連する部分を投稿してください。 – Selcuk

答えて

0

herokuにプッシュする前に$ python manage.py collectstaticコマンドを実行してください。

+0

ええ、私はそれをやった。問題はファイルがそこにないということではありません。問題は、ステージングではChromeで表示されている場合のみ表示されていることです。 – knittingarch

関連する問題