Rails 3.2.x - 无法在 localhost 上设置字体

Question

我整天都在尝试设置在本地主机上工作 @font-face。这是我的设置：

application.rb 和development.rb：

config.assets.paths << "#{Rails.root}/app/assets/fonts"

在 CSS 中：

@font-face {
  font-family: 'my_font';
  src: asset-url('font_name.eot', font);
  src: asset-url('font_name.eot?#iefix', font) format('embedded-opentype'),
       asset-url('font_name.woff', font) format('woff'),
       asset-url('font_name.ttf', font)  format('truetype'),
       asset-url('font_name.svg#AndrogyneMedium', font) format('svg');    
}

我也尝试过预编译资产：

bundle exec rake assets:precompile

我也尝试过几次重新启动应用程序，但没有任何帮助。

谁能给我任何建议，如何解决？ 提前谢谢你。

编辑： 好的，伙计们，我会给你数百万美元来帮助我解决这个问题：）我可能已经尝试了所有方法......

Answer 1

您还需要将文件添加到预编译配置中：

config.assets.precompile += %w(*.svg *.eot *.ttf *.woff)

Answer 2

我在这个问题上苦苦挣扎，所以我的解决方案是查看 typekit 是否有我正在寻找的字体，并且我一直在移动它。你不应该花几个小时来担心字体，而是花在代码上，所以检查一下，因为它会节省你的时间和头痛。

Answer 3

如果您在assets/fonts 中组织字体，则可以使用以下设置。

# config/application.rb
# Serve fonts via Asset Pipeline
config.assets.paths << Rails.root.join("app", "assets", "fonts")
config.assets.precompile += %w( .svg .eot .woff .ttf )

我正在使用 font-awesome 图标字体，所以在 font-awesome.sass 中我使用了 font-url 助手（与您的 asset-url 不同）。

# vendor/stylesheets/font-awesome.sass
@import compass/css3/font-face

@font-face
  font-family: 'FontAwesome'
  src: font-url("fonts/fontawesome-webfont.eot")
  src: font-url("fonts/fontawesome-webfont.eot?#iefix") format("eot"), font-url("fonts/fontawesome-webfont.woff") format("woff"), font-url("fonts/fontawesome-webfont.ttf") format("truetype"), font-url("fonts/fontawesome-webfont.svg#FontAwesome") format("svg")

来源：related stackoverflow question