1

Rails アプリでカスタム フォントを使用しようとしていますが、何が間違っているのかわかりません。使用している 2 つのフォントを含む assets フォルダーに fonts というフォルダーを作成しました。そして、home.css.scss.erb という名前の css ファイルで 2 つのフォントを呼び出します。

CSS:

@font-face {
font-family: 'Proxima Nova';    
src: url('<%= asset_path(/assets/fonts/ProximaNova-Regular.otf) %>', font);
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Gotham';    
src: url('<%= asset_path(/assets/fonts/Gotham-Medium.ttf) %>', font);
font-weight: normal;
font-style: normal;
}

次に、application.rbのconfigフォルダーに追加しました

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

しかし、これはまだ機能していないようです..理由は何ですか?

4

2 に答える 2

6

asset_path以前にカスタム フォントを使用したことがありますが、ヘルパーを使用する必要はありません。CSS で相対パスを使用するだけで十分です。私の設定は次のようになります。

# config/application.rb
config.assets.paths << Rails.root.join("assets", "fonts")

# CSS
@font-face {
  font-family: 'Proxima Nova';    
  // No need any embeded Ruby code here
  src: url('fonts/ProximaNova-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';    
  src: url('fonts/Gotham-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
于 2013-08-15T15:44:16.807 に答える
0

Rails 4.2 では:

your_controller.scss

@font-face {
  font-family: "Tungsten-Bold";
  src: url('Tungsten-Bold.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

config/initializers/assets.rb 内

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

Rails.application.config.assets.precompile += %w( .svg .eot .woff .ttf .otf)

そして、フォントファイルを >> app/assets/fonts/ に置きます

于 2015-03-05T05:29:02.750 に答える