1

一整天我都在尝试设置@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

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

谁能给我任何建议，如何解决？先感谢您。

编辑： 好的，伙计们，我会给你无数美元来帮助我解决它:) 我可能已经尝试了一切......

4

3 回答 3

1

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

于 2012-12-25T22:24:16.333 回答
1

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

config.assets.precompile += %w(*.svg *.eot *.ttf *.woff)
于 2012-12-25T20:30:07.360 回答
0

如果您在其中组织字体，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")

来源：相关的stackoverflow问题

于 2012-12-25T22:06:11.903 回答