我在Django 1.8、OSX和Chrome中工作。我在渲染模板中包含的一些ionicon没有显示在Heroku(暂存环境)中。我很确定我已经在css和字体文件(30464569)中正确地链接/包含了图标,因为它们在本地主机、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>
我很犹豫是否发布代码,因为这不是一个公共项目,但这里有两张图片显示了这个问题:
LocalHost 上的图标
Heroku 上的图标
关于我该怎么解决这个问题,有什么想法吗?我需要我的用户在发布他们的网站之前看到一个准确的预览,这个图标问题已经困扰了一周多。
谢谢!Sarah
在推送到heroku之前,请确保运行命令$python manage.py collectstatic。
我也遇到了同样的问题确认静态资产拼写正确请注意,它在windows上可能不区分大小写,但Linus是区分大小写的,Heroku在Linus上运行因此,请确保您的小写和大写正确无误。