0

Rails 4 と Sass を使用していますが、カスタム フォントを使用したいと考えています。

Rails 4 のアセット パイプラインが使用されなくなった場合、Sass で @font-face を使用するにはどうすればよいですか? これを行う方法については、オンラインで何も見つかりません。

また、私が見つけたもののほとんどは「config.rb」を参照していますが、「config.RU」しかありません。違いはありますか?

（私はRailsに慣れていないので、明確にするようにしてください/ Railsに慣れていない人が認識できない前例があるものを参照しないでください）

みんなありがとう！

4

1 に答える 1

0

アセット パイプラインがないということですか。その場合は、「パブリック」フォルダーを介してフォントを提供できます。

  1. public にディレクトリを作成します: "public\fonts"

  2. そこにフォントをコピーします

  3. CSS で、フォントとその場所を宣言します。

    @font-face {
    font-family: 'robotolight';
    src: url('/fonts/Roboto-Light-webfont.eot');
    src: url('/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Roboto-Light-webfont.woff') format('woff'),
         url('/fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('/fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

もちろん、異なるフォルダで異なるフォントを整理している場合は、それらも指定する必要があります。たとえば、次のようになります。

url('/fonts/roboto-light/Roboto-Light-webfont.eot');

それが役に立てば幸い。

于 2014-07-01T10:46:26.000 に答える