scss 文件中字体url编译为css文件后url(0)

[hanai]

我在a.scss文件中 import _iconfont.css，_iconfont 文件中包含字体url，生成的a.css文件中的字体url错误。

a.scss

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;
@import "font/_iconfont.css";

body {
  font: 100% $font-stack;
  color: $primary-color;
}

.inline-demo {
  background: url('./a.png?__inline');
}

font/_iconfont.css

@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

编译后

a.css

@font-face {
  font-family: "iconfont";
  src: url(0);                                   <----- 错误
  /* IE9*/
  src: url(0) format('embedded-opentype'), url(0) format('woff'), url(0) format('truetype'), url(0) format('svg');
  /* iOS 4.1- */ }

body {
  font: 100% Helvetica, sans-serif;
  color: #333; }

.inline-demo {
  background: url('data:image/png;base64,isfsdgsdfsdh'); }

_iconfont.css

@font-face {font-family: "iconfont";
  src: url('/font/iconfont.eot'); /* IE9*/
  src: url('/font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('/font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('/font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

目录结构

[oxUnd]

使用

@import url('xxx.css');

嗯？

其实是这样的，你 @import 是由 sass 插件处理的，其实可能它并无法处理某些路径转换的情况。你这块只是想 import 这个资源。而不是要内嵌它，所以需要让 sass 不解析你的语句。

[hanai]

@xiangshouding 呃，我是想要内嵌来着，以前的话也是用的fis+fis-parser-sass没有问题，所以觉得是fis3里有点区别了?

[oxUnd]

上传你的例子，我看看。

[hanai]

http://7xk7c8.com1.z0.glb.clouddn.com/use-sass.zip

[2betop]

hi，这个问题已经修复了，请更新 fis-parser-sass

[hanai]

ok解决