0

好吧，我正在使用Brunch.io来替换传统的 Grunt.js。为了快速执行构建，我在我的 brunch-config.coffee 文件中设置了“native”模式，并且我已经下载了所有的compass mixin

  plugins:
    sass:
      mode: 'native'

我没有尝试过所有的 compass-mixins，但一切似乎都很好，除非我尝试包含 web-font，因此将其添加到 _font.scss 文件中，例如：

@include font-face("oxy_reg",
        font-files("oxygen-regular-webfont.eot",
                   "oxygen-regular-webfont.svg",
                   "oxygen-regular-webfont.ttf",
                   "oxygen-regular-webfont.woff"
        ));

结果在生成的css文件上：

@font-face {
  font-family: "oxy_reg";
  src: font-files("oxygen-regular-webfont.eot", "oxygen-regular-webfont.svg", "oxygen-regular-webfont.ttf", "oxygen-regular-webfont.woff"); }

但这不是一个好的 css 格式，正确的格式（由 ruby​​ 执行，当我在 brunch-config.coffee 上将模式设置为“ruby”时）应该是这样的：

@font-face {
    font-family: "oxy_reg";
    src: url('oxygen-regular-webfont.eot?1422206651') format('embedded-opentype'), url('oxygen-regular-webfont.svg?1422206651') format('svg'), url('oxygen-regular-webfont.ttf?1422206651') format('truetype'), url('oxygen-regular-webfont.woff?1422206651') format('woff'); }

好吧，我没有错误，但是生成的脚本不好！

希望有人知道我做错了什么！

再见

4

0 回答 0