0

さて、私は従来の Grunt.js を置き換えるためにBrunch.ioを使用しています。ビルドを非常に高速に実行するために、brunch-config.coffee ファイルを「ネイティブ」モードに設定し、すべてのコンパス ミックスインをダウンロードしました。

  plugins:
    sass:
      mode: 'native'

すべてのコンパス ミックスインを試したわけではありませんが、web フォントを含めようとする場合を除いて、すべて問題ないように見えるため、例として _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形式ではありません。正しいもの(brunch-config.coffeeでモードを「ruby」に設定したときに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