1

我正在开发一个使用 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 模式，字体就会加载。

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

谢谢

4

1 回答 1

0

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

<system.webServer>
  <staticContent>
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
  </staticContent>
</system.webServer>
于 2013-02-08T22:15:17.997 回答