0

最初の投稿: プロジェクトをサーバーからローカル環境に戻しましたが、.less ファイルがコンパイルされません。

.kit と .js は適切にコンパイルされます。.less ファイルを保存すると、コードキットに「成功コード キットがコンパイルされた xy.less」と表示されますが、何も生成されませんでした。

また、より少ないファイル内にゴミを書き込むと、まだ成功メッセージが表示されます。

すべての .less ファイルはコード キット ウィンドウに適切に表示されますが、一部のファイルは完全に無視されるようです。

osx Mavericks、コードキット 1.9.3

問題を .less インポート内の @font-face 宣言に絞り込みました。myfonts.com の Web フォントを使用し、次のように myfonts.com css 宣言を追加しました。

@import url('//hello.myfonts.net/count/xy');
@font-face {
font-family: 'Blabla';
src:    url('/webfonts/29DFBD_0_0.eot');
src:    url('/webfonts/29DFBD_0_0.eot?#iefix') format('embedded-opentype'),
        url('/webfonts/29DFBD_0_0.woff') format('woff'),
        url('/webfonts/29DFBD_0_0.ttf') format('truetype');
}

問題のある行はformat('embedded-opentype')、少ないファイル内にこの行がある行です。コード キットはコンパイルを停止しますが、成功メッセージが表示されます。

4 行目にHello Worldと書くと、次のようになります。

@import url('//hello.myfonts.net/count/xy');
@font-face {
font-family: 'Blabla';
src:    url('/webfonts/29DFBD_0_0.eot'); Hello World
src:    url('/webfonts/29DFBD_0_0.eot?#iefix') format('embedded-opentype'),
        url('/webfonts/29DFBD_0_0.woff') format('woff'),
        url('/webfonts/29DFBD_0_0.ttf') format('truetype');
}

Codekit がエラーを表示します。

しかし、同じことを 1 行下に書くと、次のようになります。

@import url('//hello.myfonts.net/count/xy');
@font-face {
font-family: 'Blabla';
src:    url('/webfonts/29DFBD_0_0.eot');
src:    url('/webfonts/29DFBD_0_0.eot?#iefix') format('embedded-opentype'), Hello World
        url('/webfonts/29DFBD_0_0.woff') format('woff'),
        url('/webfonts/29DFBD_0_0.ttf') format('truetype');
}

これにより、成功メッセージがスローされ、コンパイルされた .css は変更されません。

だから、それはこの行に違いない?:それのsrc: url('/webfonts/29DFBD_0_0.eot?#iefix') format('embedded-opentype'),何が問題なの?

4

1 に答える 1

3

あなたの結論に反して、問題は@importMyFonts がページビューを追跡するために使用する宣言であると思います。

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/1a2b3c");

ここで、CodeKit 内の LESS プリプロセッサは、ファイル拡張子のない URL で問題を抱えています。修正は、直後の括弧内にファイルタイプを示すこと@importです：

@import (css) url("//hello.myfonts.net/count/1a2b3c");

[実際、上記の CSS セグメントはWeb フォントを表示するために必要ではありません。なくても問題なく動作します (また、CodeKit を詰まらせることもありません)。ただし、MyFonts のサーバーに ping を実行しないと、Web フォントの使用制限内にあるかどうかがわからないため、ライセンスに違反する可能性があります。]

于 2014-05-23T23:36:58.690 に答える