Question

下面的代码应该可以正常工作，但是不会生效。

我已在application.rb，development.rb，production.rb中定义了以下内容：

config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

fonts.scss ：

@font-face {
    font-family: 'Garamond-Pro-Italic';
    src: url('/assets/fonts/Adobe_Garamond_Pro_Italic.ttf') format('ttf');
}

buttons.scss ：

.menu-button
{
    font-family: 'Garamond-Pro-Italic', sans-serif;
}

Answer 1

在fonts.scss：

中试试这个

// First line of file:
//= depend_on_asset "Garamond-Pro-Italic.ttf"

@font-face {
  font-family: 'Garamond-Pro-Italic';
  src: url(font-path('Adobe_Garamond_Pro_Italic.ttf')) format('truetype');
}

在application.scss中：

//= require <path_to_scss_file>

您应该只需要application.rb中的以下行： config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

当然，请确保Adobe_Garamond_Pro_Italic.ttf实际上在app/assets/fonts/目录中，而不是供应商，lib或公共。

如果在发布任何资产404错误后不起作用，则会在您的开发控制台中获得编译的fonts.scss文件。

Font Face在Rails 4中没有生效

1 个答案: