1

我已将 bootstrap-sass 添加到我的项目中并将其导入到我的 application.scss 文件中，如下所示

@

import "../bower_components/bootstrap-sass/assets/stylesheets/_bootstrap-compass";

.bootstrap{
  @import "../bower_components/bootstrap-sass/assets/stylesheets/_bootstrap";
}

在引导指南针文件中，有函数

@function twbs-font-path($path) {
  @return font-url($path, true);
}

@function twbs-image-path($path) {
  @return image-url($path, true);
}

它将用于设置图像和字体的路径。

在我使用 compass 构建 css 文件后，css 文件的输出包含以下字体文件的路径

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/.tmp/styles/fonts/bootstrap/glyphicons-halflings-regular.eot);
    src: url(/.tmp/styles/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/.tmp/styles/fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(/.tmp/styles/fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(/.tmp/styles/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}

我怎样才能改变它，使源路径成为：

src: url(./fonts/bootstrap/glyphicons-halflings-regular.eot)

而不是src：url(/.tmp/styles/fonts/bootstrap/glyphicons-halflings-regular.eot)

请注意 application.scss 是由grunt-contrib-compass构建的

谢谢。

4

1 回答 1

0

您应该能够更改您的指南针配置并将 fonts_dir 设置为“fonts”而不是（看起来）“.tmp/styles/fonts”。

于 2015-02-02T23:27:32.770 回答