ruby-on-rails - Rails 3 CSS3字体未加载

Question

应用程序.css：

@font-face {
  font-family: "Futura-Light";
  src: url("/assets/Futura-Light.ttf") format("truetype"); /* For IE */
  src: local("Futura-Light"), url("/assets/Futura-Light.ttf") format("truetype"); /* For non-IE */
  font-weight: normal;
  font-style: normal;
}

* {margin:0px;padding:0px;}
#wrap {width:730px;position:relative;font-family:"Futura-Light";}

我已将此添加到 application.rb：

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

我可以在访问时下载字体：http://localhost:3000/assets/Futura-Light.ttf

为什么没有加载字体？

Answer 1

省略 /assets/ 是您的网址。Rails 会为你添加这个，因为在开发和生产中这些路径可能不同。

  src: url("Futura-Light.ttf") format("truetype"); /* For IE */
  src: local("Futura-Light"), url("Futura-Light.ttf") format("truetype"); /* For non-IE */

Answer 2

使用如下所示的asset_path来编写字体文件的路径很好。

src: url(<%= asset_path 'Futura-Light.ttf' %>) format('truetype'); /* For IE */ src: local("Futura-Light"), url(<%= asset_path 'Futura-Light.ttf' %>) format('truetype'); /* For non-IE */