Question

好吧，我正在使用Brunch.io来取代传统的Grunt.js。为了快速完成构建，我已经设置了我的brunch-config.coffee文件，“本机”模式，并且我已经下载了所有compass mixins

  plugins:
    sass:
      mode: 'native'

我没有试过所有的指南针混音，但是一切看起来都没问题，除非我尝试包含网络字体，所以在_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'); }

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

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

见到你

Brunch.io和Compass，由libsass生成的糟糕的字体

0 个答案: