3

これが私がやったことです:

まずfonts、ディレクトリ内にフォルダーを作成しましたapp/assets


次に、この新しいフォルダーを認識するようにアセット パイプリングを構成しました。

config/environments/development.rb:

# Add the fonts path
config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

# Precompile additional assets
config.assets.precompile += %w( .svg .eot .woff .ttf .otf )

次に、次のように MIME タイプを構成しますconfig/initializers/mime_types.rb

# Be sure to restart your server when you modify this file.

# Here are some example that came with the default Rails project.

# Add new mime types for use in respond_to blocks:
# Mime::Type.register "text/richtext", :rtf
# Mime::Type.register_alias "text/html", :iphone

Rack::Mime::MIME_TYPES['.otf'] = 'application/x-font-opentype'

最後に、SCSS でフォ​​ントを参照します。

@font-face {
  font-family: 'ArnoProDisplay';
  src: url('ArnoPro-Display.otf');
  font-weight: normal;
  font-style: normal;
}

Google Chrome を使用していますが、コンソールには次のように表示されます。

Resource interpreted as Font but transferred with MIME type
application/vnd.oasis.opendocument.formula-template: 
"http://localhost:3000/assets/ArnoPro-Display.otf".

[ネットワーク] タブでフォントを正しく表示できます。

ここに画像の説明を入力

4

1 に答える 1

9

アップデート

解決策 1

に変更application/x-font-opentypefont/opentypeます。ソース:フォント MIME タイプ

Rack::Mime::MIME_TYPES['.otf'] = 'font/opentype'

そしてキャッシュを一掃する

rake tmp:cache:clear

サーバーを再起動する前に。


解決策 1が機能しない場合は、ファイルを作成.htaccessしてこれを追加する必要があります

AddType application/vnd.oasis.opendocument.formula-template .otf

于 2013-05-29T15:15:37.367 に答える