2016-02-05 135 views
3

我有一个奇怪的错误,其中找到了一些字体,但有些字体没有找到。基本上我有两种字体font1(IconMoon的自定义字体)和Brandon(来自fonts.com)。我的目录结构是Rails资产管道:未找到字体

- 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) 

我on Rails的3.2.9

如何调试这个问题的任何想法?

+0

你在本地预编译了吗? –

+0

你确定你的字体家族是'172fdde2-f56b-433a-a6e2-ebeab9dfb588'的名字? –

+0

不,我没有在本地预编译 – 23tux

回答

5

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

如果您将文件重命名为使用下划线(例如172fdde2_f56b_433a_a6e2_ebeab9dfb588.eot),然后在您的css文件中用下划线替换连字符,则一切都应该起作用。

这是由链轮在解析资产时试图去除指纹造成的。最终它会去掉部分或全部文件名,然后找不到匹配的文件。

+0

谢谢,这工作!这是你必须知道的,否则你会永远搜索;) – 23tux