Rails资源管道: 找不到字体

Question

我遇到了一个奇怪的错误，有些字体可以找到，而有些字体则找不到。基本上，我有两种字体：font1（来自 IconMoon 的自定义字体）和 Brandon（来自 fonts.com）。我的目录结构如下：

- app
  - assets
    - fonts
      - font1.eot
      - ...
      - 172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot
      - ...

我正在使用SCSS加载字体：

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

@font-face{
  font-family:'Brandon Grot W01 Medium';
  src:font-url('172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot?#iefix');
  src:font-url('172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot?#iefix') format('eot'),
  font-path('50ca6f6f-b64d-4af0-9b30-526cf363d87e.woff2') format('woff2'),
  font-url('050c2cbf-b818-4b8e-b6d2-71b70478bd9d.woff') format('woff'),
  font-url('7da41ce3-b3fd-4fca-a85f-4f3099884c15.ttf') format('truetype'),
  font-url('37c88f3d-9532-4547-9e11-7cca7f66048c.svg#37c88f3d-9532-4547-9e11-7cca7f66048c') format('svg');
}

当我尝试加载 font1 字体时，一切正常。但当我尝试加载 Brandon 字体时，却出现了404错误。以下是生成的CSS：

@font-face {
  font-family: 'font1';
  src: url(/assets/font1.eot?-kpzpl9);
  src: url(/assets/font1.eot?#iefix-kpzpl9) format("embedded-opentype"), url(/assets/font1.woff?-kpzpl9) format("woff"), url(/assets/font1.ttf?-kpzpl9) format("truetype"), url(/assets/font1.svg?-kpzpl9#font1) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grot W01 Medium';
  src: url(/assets/172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot?#iefix);
  src: url(/assets/172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot?#iefix) format("eot"), "/assets/50ca6f6f-b64d-4af0-9b30-526cf363d87e.woff2" format("woff2"), url(/assets/050c2cbf-b818-4b8e-b6d2-71b70478bd9d.woff) format("woff"), url(/assets/7da41ce3-b3fd-4fca-a85f-4f3099884c15.ttf) format("truetype"), url(/assets/37c88f3d-9532-4547-9e11-7cca7f66048c.svg#37c88f3d-9532-4547-9e11-7cca7f66048c) format("svg");
}

访问/assets/font1.eot返回200，访问/assets/172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot返回404。它们在同一目录下，我不知道为什么会这样。日志如下：

Started GET "/assets/font1.eot" for 127.0.0.1 at 2016-02-05 10:38:22 +0100
Served asset /font1.eot - 304 Not Modified (0ms)

Started GET "/assets/172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot" for 127.0.0.1 at 2016-02-05 10:39:25 +0100
Served asset /172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot - 404 Not Found (6ms)

我正在使用Rails 3.2.9版本，有什么办法可以调试此问题吗？

- 23tux

---

你在本地预编译了吗？ - Richard Peck

我没有在本地预编译。 - 23tux

@Mr.Alien 这是从fonts.com复制并粘贴的。文件名必须与字体系列名称匹配吗？ - 23tux

@23tux 没有这样的要求... 如果文件存在且文件名正确，它应该可以工作。 - Mr. Alien

你先进行预编译了吗？ - Mr. Alien

Answer 1

问题是由名称中的连字符引起的。

如果您将文件重命名为使用下划线，例如172fdde2_f56b_433a_a6e2_ebeab9dfb588.eot，然后在css文件中用下划线代替连字符，一切都应该正常工作。

这是由于sprockets尝试在解析资产时剥离指纹而引起的。最终，它剥离了部分或全部文件名，然后找不到匹配的文件。

- Jon

---

谢谢，那个方法有效！这是你必须知道的东西，否则你会一直搜索下去的 ;) - 23tux