Question

我正在开发使用twitter bootstrap的rails应用程序。

我正在使用自定义字体（Museo）并且它是使用font-squirrel生成的css导入的，并且它在本地没有问题，但是当部署到服务器（我相信linode）时，字体不会加载或显示在所有

这是我用来导入字体的代码：

@font-face {
font-family: 'MuseoSlab500Regular';
src: url('museo_slab_500-webfont.eot') format('embedded-opentype');
src: url('museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
     url('museo_slab_500-webfont.woff') format('woff'),
     url('museo_slab_500-webfont.ttf') format('truetype'),
     url('museo_slab_500-webfont.svg#MuseoSlab500Regular') format('svg');
font-weight: normal;
font-style: normal;

}

我测试了直接打开字体，看看文件是否有问题，文件是否打开。 css通过资源管道在rails中编译，因此这段代码位于application.css123817391838123123（随机数）文件中。我不知道这是否是资产管道的问题，我认为这很奇怪，因为它在其他地方工作（chrome，safari，firefox，opera）。当在IE9中在线测试时，如果我将浏览器模式更改为Quirks Mode，则会加载字体。

所以，我完全没有想法，任何人都可能知道这里会发生什么？

由于

Answer 1

尝试检查字体文件的 Content-Type 标头。在WOFF的情况下，IE需要它。如果是IIS，只需添加：

<system.webServer>
  <staticContent>
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
  </staticContent>
</system.webServer>

自定义字体未在IE在线加载

1 个答案: