ブートストラップscssグリフィコンのパスエラー、パスのバックスラッシュがありません

Question

ブートストラップscssを使用してジキルウェブサイトでグリフコンを使用する際に問題が発生しました。それはパスを間違って生成しているようだが、どこに問題があるのか​​分からない。

ジキルは私がglyphicon

ERROR `/fonts/bootstrapglyphicons-halflings-regular.woff2' not found. 

を含めるしようとすると、私が試したglyphiconフォントのためのパスは、間違っているのは、「/」が欠落して

/fonts/bootstrap/glyphicons-halflings-regular.woff2 

を読むべき次のエラーを与えます生成されたCSSファイルでこれを修正し、それがうまくいったので、私は現在、間違ったパスがどこに生成されるのかを見つけようとしています。

私は_glyphicons.scssファイルで見てきたし、次のコードは、パスに

@at-root { 
    // Import the fonts 
    @font-face { 
    font-family: 'Glyphicons Halflings'; 
    src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot')); 
    src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'), 
     url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff2'), '#{$icon-font-path}#{$icon-font-name}.woff2')) format('woff2'), 
     url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'), 
     url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'), 
     url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg'); 
    } 
} 

を生成しているようだ私も_variables.scssに見て、この

$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; 

を見つけましたコード内のどこにエラーがあるのか​​わかりません。私はscssにあまり慣れていない、これは私の最初の行為です。誰でも正しい方向に私を向けることができますしてください。

Answer 1

私はこの問題を早期に抱えており、このようなブートストラップをインポートする前にパスをオーバーライドしました。おそらく答えは必要ではないかもしれないが、おそらくは回避策。

$icon-font-path: "fonts/bootstrap/" !default; 
@import "_bootstrap";