7

@ font-faceを使用して、Railsアプリでfont-squirrelsフォントを使用することを考えていました。これがそれを説明する正しい方法であることを願っています。私はこれに比較的慣れていないので、Railsアプリ内でこれをどのように機能させるかについて誰かがアドバイスしてくれることを望んでいました

ありがとう

4

1 に答える 1

23

OK、それで私が答えを与えると思ったので、それは私の状況で他の人々を助けるかもしれません。私はそれをグーグルで検索し、すべてのピースをまとめました、私はこれについての未知のものを怠惰/恐れていたので、それについてお詫びします。それを試すだけで本当に理解するのに役立ちます

ともかく

1）アプリ/アセットにfontsというフォルダーを作成します
2）このフォルダー内にすべてのsvg .eot .woff .ttfを配置します
3）config/application.rbに次のように配置します

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

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

4）アプリケーションのスタイルシートに、たとえば@font-faceスタイルを配置します。

  @font-face {
font-family: 'DearestRegular';
src: url('Dearest-webfont.eot');
src: url('Dearest-webfont.eot?#iefix') format('embedded-opentype'),
     url('Dearest-webfont.woff') format('woff'),
     url('Dearest-webfont.ttf') format('truetype'),
     url('Dearest-webfont.svg#DearestRegular') format('svg');
font-weight: normal;
font-style: normal;

}

5）次に、フォントを使用する場合は、通常どおりfont-familyを使用します。6）ああ、サーバーを再起動してすべてをまとめます:)

于 2012-09-03T20:21:24.127 に答える