Bootstrap Glyphicons没有显示Django生产

时间:2015-02-24 20:02:14

标签: django twitter-bootstrap heroku glyphicons

我正在研究在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

我确定静态文件包含正确发生(路径是正确的),但无法理解为什么它们只在本地显示而不是在生产中。还尝试识别编码问题,但直到现在都没有任何线索。

1 个答案:

答案 0 :(得分:0)

我在heroku上有类似的设置,并使用字体文件路径,如下所示: static/bootstrap/fonts/glyphicons-halflings-regular.eot