我正在研究在Heroku服务器上运行的Django 1.5应用程序。
在本地我可以成功渲染Bootstrap Glyphicons,但在将我的应用程序部署到Heroku时,它们显示为小空方块。
我也使用django-compressor 1.3来处理我的资产,所以我的捆绑css文件看起来像:
@font-face {
font-family: 'Glyphicons Halflings';
src: url('http://static.myapp.com/bootstrap/fonts/glyphicons-halflings-regular.eot?528782f48380');
src: url('http://static.myapp.com/bootstrap/fonts/glyphicons-halflings-regular.eot?&528782f48380#iefix') format('embedded-opentype'), url('http://static.myapp.com/bootstrap/fonts/glyphicons-halflings-regular.woff?528782f48380') format('woff'), url('http://static.myapp.com/bootstrap/fonts/glyphicons-halflings-regular.ttf?528782f48380') format('truetype'), url('http://static.myapp.com/bootstrap/fonts/glyphicons-halflings-regular.svg?528782f48380#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
文件glyphicons-halflings-regular.eot,glyphicons-halflings-regular.ttf和glyphicons-halflings-regular.woff正确上传到我的cdn树上的fonts文件夹:
cdn
└── bootstrap
├── css
├── fonts
└── js
我确定静态文件包含正确发生(路径是正确的),但无法理解为什么它们只在本地显示而不是在生产中。还尝试识别编码问题,但直到现在都没有任何线索。
答案 0 :(得分:0)
我在heroku上有类似的设置,并使用字体文件路径,如下所示:
static/bootstrap/fonts/glyphicons-halflings-regular.eot