Less.js: Problem mit @import-URL von myfonts.com

Erstellt am 3. Mai 2013  ·  6Kommentare  ·  Quelle: less/less.js

Hallo,
Ich habe ein Problem, wenn ich Fonts von myfonts.com zusammen mit lesscss verwenden möchte.

Um die Schriftarten verwenden zu können, musste ich meiner CSS / LESS-Datei den folgenden Code hinzufügen.

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

@Schriftart {
Schriftfamilie: '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 ist der Code für die zu verwendende Schriftart. Ich bin mir nicht sicher, ob es eine gute Idee ist, es sichtbar zu halten.
Aber mit diesem Import funktioniert die less.js nicht mehr.
Firefox gibt den Fehler aus


n ist undefiniert

in Stilen.weniger
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

Andere Browser zeigen die Schriftart einfach nicht an und weniger geht natürlich auch nicht.

Ich hoffe, das hilft, damit es funktioniert.
Mit freundlichen Grüßen
Christian

Hilfreichster Kommentar

oder der Workaround vor 1.4.0 ist

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

Alle 6 Kommentare

Keine Ahnung, warum der Code so formatiert ist.
Entschuldigen Sie die Unannehmlichkeiten.

Sie müssen der @imported -Datei die CSS-Erweiterung hinzufügen.
du kannst tun

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

Wenn Sie weniger v1.4 beta verwenden

Hinweis: Ich habe es nicht getestet.

oder der Workaround vor 1.4.0 ist

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

@chricken Der Code muss in Backticks eingeschlossen werden, um die Formatierung beizubehalten. Siehe dazu: http://github.github.com/github-flavored-markdown/

OK habe es.
Danke euch allen :)

@lukeapage : Ich bin mir nicht sicher, ob dies geschlossen werden sollte.

Ich bin gerade auf dieses myFonts-Importproblem mit Less 1.7.0 in CodeKit gestoßen. Ohne die import-Direktive von (css) vor der URL sagt Less, dass es erfolgreich kompiliert wird, wenn dies nicht der Fall ist. Das scheint mir ein Bug zu sein. Weniger sollte einen Fehler geben, oder?

Beispiel:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
Weniger wird sagen, dass es erfolgreich kompiliert wurde, wenn es nichts geschrieben hat.

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
Weniger wird erfolgreich kompiliert.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen