Less.js: Problème avec l'url @import par myfonts.com

Créé le 3 mai 2013  ·  6Commentaires  ·  Source: less/less.js

Salut,
J'ai un problème lorsque je veux utiliser les polices de myfonts.com avec lesscss.

Pour utiliser les polices, j'ai dû ajouter le code suivant à mon fichier CSS / LESS.

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

@ font-face {
famille de polices : '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 est le code de la police à utiliser. Je ne sais pas si c'est une bonne idée de le garder visible.
Mais avec cette importation, le less.js ne fonctionnera plus.
Firefox donne l'erreur


n est indéfini

dans styles.moins
r.Parseur/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

Les autres navigateurs n'affichent tout simplement pas la police et, bien sûr, moins ne fonctionne pas.

J'espère que cela aide à le faire fonctionner.
Cordialement
Christian

Commentaire le plus utile

ou la solution de contournement avant 1.4.0 est

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

Tous les 6 commentaires

Aucune idée, pourquoi le code est formaté de cette façon.
Désolé pour le dérangement.

Vous devez ajouter l'extension css au fichier @imported .
tu peux faire

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

Si vous utilisez moins de v1.4 beta

Remarque : je ne l'ai pas testé.

ou la solution de contournement avant 1.4.0 est

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

@chricken, le code doit être enveloppé de backticks pour conserver le formatage. Voir ceci : http://github.github.com/github-flavored-markdown/

D'accord, j'ai compris.
Merci à tous :)

@lukeapage : Je ne suis pas sûr que cela doive être fermé.

Je viens de rencontrer ce problème d'importation myFonts avec Less 1.7.0 dans CodeKit. Sans la directive d'importation de (css) avant l'url, Less dit qu'il se compile avec succès quand ce n'est pas le cas. Cela me semble être un bug. Less devrait donner une erreur, non ?

Exemple:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
Moins dira qu'il a été compilé avec succès alors qu'il n'a rien écrit.

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
Less compilera avec succès.

Cette page vous a été utile?
0 / 5 - 0 notes