0

今日、sass を始めたばかりで、最初の障害にぶつかりました。scss ファイル内で font-face を使用する方法がわかりません。app.scss ファイル内で試したことは次のとおりです。

//do I need this line? I have installed compass
@import "compass/css3";

@include font-face("myfont", font-files("myfont.eot", "myfont.woff", "myfont.ttf", "myfont.svg#myfont"));

そして、これは私がレンダリングするものです:

@font-face {
   font-family: "myfont";
   src: url('/assets/css/fonts/myfont.eot') format('embedded-opentype'), url('/assets/css/fonts/myfont.woff') format('woff'), url('/assets/css/fonts/myfont.ttf') format('truetype'), url('/assets/css/fonts/myfont.svg#myfont') format('svg');
}

私の config.rb ファイル:

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

そして、私の今のファイル構造はこれ www.mydomain.com/nameofmyproject で、その中には、css、sass、img、fonts、js フォルダーを含む assets というフォルダーがあります。

編集:これはパスの問題と思われるため、質問を編集します。私はここのサブディレクトリで作業していますが、firebug は次の URL で私のフォント ファイルの 404 を示しています: www.mydomain.com/assets/css/fonts したがって、私がサブディレクトリにいることと、変更したことの両方を無視しています。私のfonts_dirはアセット内にあり、cssディレクトリ内のデフォルトになります。

4

2 に答える 2

0

ええ、私の問題はさまざまな問題が混在していました。コンパスウォッチを再起動しないと、問題を正しくデバッグするのに役立ちませんでした。インストールがめちゃくちゃだったことが目前の問題でした。再インストールしてから最初からやり直しましたが、問題なく動作しました。

于 2013-06-12T08:49:35.060 に答える