私は Django 1.8、OSX、および Chrome で作業しています。レンダリングされたテンプレートに含めた一部の ionicons が Heroku (ステージング環境) に表示されません。css ファイルとフォント ファイル ( 30464569 )にアイコンを適切にリンク/インクルードしたことはかなり確信しています。なぜなら、アイコンはローカルホスト、cPanel、および個人の Web サイトで公開されたときに問題なく表示されるからです。さらに、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>
公開プロジェクトではないため、コードを投稿するのをためらっていますが、問題を示す 2 つの画像を次に示します。
これを修正する方法についてのアイデアはありますか? ユーザーがサイトを公開する前に、正確なプレビューを表示する必要があります。このアイコンの問題は、1 週間以上にわたって大きな頭痛の種でした。
ありがとう！サラ