Less.js: myfonts.comによる@importurlの問題

作成日 2013年05月03日  ·  6コメント  ·  ソース: less/less.js

やあ、
myfonts.comのフォントをlesscssと一緒に使用したいのですが、問題が発生しています。

フォントを使用するには、CSS / LESSファイルに次のコードを追加する必要がありました。

@import url( "// hello.myfonts.net/count/xyzxyz");

@ font-face {
font-family: 'FrutigerLT-Light';
src:url( 'schriften / xyzxyz_0_0.eot');
src:url( 'schriften / xyzxyz_0_0.eot?#iefix')format( 'embedded-opentype')、
url( 'schriften / xyzxyz_0_0.woff')format( 'woff')、
url( 'webfonts / xyzxyz_0_0.ttf')format( 'truetype');

}

xyzxyzは、使用するフォントのコードです。 見えるようにしておくのが良いかどうかはわかりません。
しかし、そのインポートでは、less.jsは機能しなくなります。
Firefoxはエラーを出します


nは未定義です

styles.lessで
r.Parser / p。 parse @ file :/// D:/Homepages/Prokon/less-1.3.3.min.js:8
w / < @file :/// D:/Homepages/Prokon/less-1.3.3.min.js:8
x @ file :/// D:/Homepages/Prokon/less-1.3.3.min.js:8
w @ file :/// D:/Homepages/Prokon/less-1.3.3.min.js:8
g @ file :/// D:/Homepages/Prokon/less-1.3.3.min.js:8
r。 refresh @ file :/// D:/Homepages/Prokon/less-1.3.3.min.js:9
@file :/// D:/Homepages/Prokon/less-1.3.3.min.js:9

@file :/// D:/Homepages/Prokon/less-1.3.3.min.js:9

他のブラウザは単にフォントを表示せず、もちろん、lessは機能しません。

私は、これがそれを機能させるのに役立つことを願っています。
よろしくお願いします
キリスト教徒

最も参考になるコメント

または1.4.0より前の回避策は

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")

全てのコメント6件

わからない、なぜコードがそのようにフォーマットされているのか。
ご不便おかけしてすみません。

@importedファイルにcss拡張子を追加する必要があります。
できるよ

<strong i="8">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");

使用しているv1.4ベータが少ない場合

注:私はそれをテストしていません。

または1.4.0より前の回避策は

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")

@chrickenフォーマットを保持するには、コードをバッククォートでラップする必要があります。 これを参照してください:http: //github.github.com/github-flavored-markdown/

はい、わかった。
皆さん、ありがとうございました :)

@lukeapage :これを閉じる必要があるかどうかはわかりません。

CodeKitのLess1.7.0でこのmyFontsインポートの問題に遭遇しました。 URLの前に(css)のimportディレクティブがないと、Lessは、コンパイルされない場合でも正常にコンパイルされると言います。 これは私にはバグのようです。 少ないほうがエラーになりますよね?

例:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
何も書き込まなかったときに正常にコンパイルされたと言う人は少なくなります。

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
Lessは正常にコンパイルされます。

このページは役に立ちましたか?
0 / 5 - 0 評価