Question

Application.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 */

Rails 3 CSS3字体未加载

2 个答案: