Less.js: Problema com @import url por myfonts.com

Criado em 3 mai. 2013 · 6Comentários · Fonte: less/less.js

Oi,
Estou tendo um problema, quando quero usar fontes de myfonts.com junto com lesscss.

Para usar as fontes, tive que adicionar o seguinte código ao meu arquivo CSS / LESS.

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

@Tipo de letra {
família de fontes: '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 é o código para a fonte a ser usada. Não tenho certeza se é uma boa ideia mantê-lo visível.
Mas com essa importação, o less.js não funcionará mais.
Firefox dá o erro

n é indefinido

em estilos.menos
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

Outros navegadores simplesmente não mostram a fonte e, claro, menos não funciona.

Espero que isso ajude a fazê-lo funcionar.
Atenciosamente
cristão

Fonte

chricken

Comentários muito úteis

ou a solução antes de 1.4.0 é

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

lukeapage em 3 mai. 2013

🚀1 ❤1 🎉1 👍1

Todos 6 comentários

Não faço ideia, por que o código está formatado dessa maneira.
Desculpe pela inconveniência.

chricken em 3 mai. 2013

Você precisa adicionar a extensão css ao arquivo @imported .
você pode fazer

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

Se você estiver usando menos v1.4 beta

Obs: não testei.

Subash em 3 mai. 2013

ou a solução antes de 1.4.0 é

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

lukeapage em 3 mai. 2013

🚀1 ❤1 🎉1 👍1

@chricken o código precisa ser envolto em backticks para manter a formatação. Veja isto: http://github.github.com/github-flavored-markdown/

jonschlinkert em 4 mai. 2013

OK, entendi.
Obrigado a todos :)

chricken em 11 mai. 2013

@lukeapage : Não tenho certeza se isso deve ser fechado.

Acabei de encontrar esse problema de importação do myFonts com o Less 1.7.0 no CodeKit. Sem a diretiva de importação de (css) antes da url, Less diz que compila com sucesso quando não compila. Isso me parece um bug. Menos deve dar um erro, certo?

Exemplo:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
Menos dirá que compilou com sucesso quando não escreveu nada.

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
Menos será compilado com sucesso.