Rails 4：我得到方形图标而不是 icomoon 图标

Question

在 application.rb 我有：

config.assets.paths << Rails.root.join("app", "assets", "fonts")
config.assets.precompile += [
  '*.eot',
  '*.svg',
  '*.ttf',
  '*.woff'
]
config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)

我从 icomoon 中提取了我的自定义图标，我在 app/assets/fonts 中添加了字体，我在 app/assets/stylesheets/_icons.scss 中添加了 icomoon css 文件（从 application.css.scss 调用）

/* In _icons.scss */
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot?-d9yq0q');
src:url('fonts/icomoon.eot?#iefix-d9yq0q') format('embedded-opentype'),
...

在我看来：

<span class="icon-my-custom-icon"></span>

=> 结果是一个方形图标，而不是我的图标...

有没有人知道为什么图标不被接受？

Answer 1

问题来自@font-face中的url

有了这个 src:url 的定义，它就可以工作了：

@font-face {
font -family: 'icomoon';
src:url('icomoon.eot?-d9yq0q');
...