Hallo,
Ich habe ein Problem, wenn ich Fonts von myfonts.com zusammen mit lesscss verwenden möchte.
@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
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
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.
Hilfreichster Kommentar
oder der Workaround vor 1.4.0 ist