5 
@font-face {
  font-family: "HelveticaNeueLTStd-Lt";
  src: url('/css/fonts/HelveticaNeueLTStd-Lt.otf') format('opentype');
}

これが私のコンパスコードの出力です。

@include font-face('HelveticaNeueLTStd-Lt', font-files('HelveticaNeueLTStd-Lt.otf'));

出力URLを「Helvetica......otf」または「fonts/Helvetica......otf」のいずれかにできないようです。

私のディレクトリアセットは次のとおりです。

http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"
fonts_dir = "fonts"

fonts_dirを外して、運が悪かったので「」に変更してみました

4

3 に答える 3

4

セットhttp_fonts_pathまたは:relative assets, true。:)

于 2013-10-10T17:51:39.443 に答える
1

私も同じ問題を抱えていました。フォントファイルの代わりにURLを使用してください

@include font-face('HelveticaNeueLTStd-Lt', url('HelveticaNeueLTStd-Lt.otf'));
于 2014-05-27T11:22:40.700 に答える
0

私が正しく理解していれば、パス出力は'/css/fonts/HelveticaNeueLTStd-Lt.otf'ですが、'/fonts/HelveticaNeueLTStd-Lt.otfに移動する必要があります。

config.rbファイルを次のように変更してみてください

fonts_dir = "../fonts"

Web用の.otfファイルの使用はお勧めしません

私は通常、このようにミックスインを使用します。

@include font-face('HelveticaNeueLTStd-Lt', font-files(
'HelveticaNeueLTStd-Lt.woff', woff,
'HelveticaNeueLTStd-Lt.ttf', ttf,
'HelveticaNeueLTStd-Lt.svg', svg),
'HelveticaNeueLTStd-Lt.eot');
于 2015-07-31T09:51:40.363 に答える