1
在我的Node.js應用程序中，我使用了bootstrap-sass和Compass。不是gulp-compass和任務，但完全Compass，我在應用的根目錄中有Compass'config.rb文件。我編譯我的資產與以下命令：如何處理bootstrap-sass和compass中的字體？如何正確地在頁面上包含字體？
$ compass watch
$ compass compile
而且我不明白如何包含頁面啓用glyphicons上引導的字體。字體存儲在bower_components\bootstrap-sass\assets\fonts\bootstrap。是Bootstrap-sass變量字體如下：
$bootstrap-sass-asset-helper: false !default;
//== Iconography
//
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
//** Load fonts from this directory.
// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
// $icon-font-path: 'fonts/';
//** File name for all font files.
$icon-font-name: "glyphicons-halflings-regular" !default;
//** Element ID within SVG icon file.
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
和指南針編譯成這個css：
@font-face {
font-family: 'Glyphicons Halflings';
src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
而且我沒有在頁面上Glyphicons因爲字體是../fonts/bootstrap/glyphicons-halflings-regular.eot現在發現。
如何處理字體？我必須手動從
bower_components\bootstrap-sass\assets\fonts\bootstrap
移動的字體，我
public/css/fonts
這是我編的資產居住地和所在地的服務器從獲取它們。而這也正是我現在要做的 - 我手動移動戰線上public/css/fonts，不得不手動鍵入不同@font-face：
@font-face {
font-family: 'Glyphicons Halflings';
src: url("fonts/glyphicons-halflings-regular.eot");
src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
但它是正確的方式？那麼爲什麼需要手動處理字體和路徑時需要Compass？
在config.rb中有幾種指南針字體選項。如何使用它們使Compass關心字體和路徑？我試過這些選項，但似乎他們不工作，我沒有注意到scss =>css彙編，無論我設置他們的任何變化。而文件是相當悲慘的。
fonts_dir =
fonts_path =
http_fonts_path =
http_fonts_dir =