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

Creado en 3 may. 2013  ·  6Comentarios  ·  Fuente: less/less.js

Hola,
Tengo un problema cuando quiero usar fuentes de myfonts.com junto con lesscss.

Para usar las fuentes, tuve que agregar el siguiente código a mi archivo CSS / LESS.

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

@Perfil delantero {
familia de fuentes: '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 es el código de la fuente a utilizar. No estoy seguro si es buena idea, para mantenerlo visible.
Pero con esa importación, less.js ya no funcionará.
Firefox da el error


n no está definido

en estilos.menos
r.Parser/pág. analizar@archivo :///D:/Homepages/Prokon/less-1.3.3.min.js:8
w/< @archivo :///D:/Homepages/Prokon/less-1.3.3.min.js:8
x@archivo :///D:/Homepages/Prokon/less-1.3.3.min.js:8
w@archivo :///D:/Homepages/Prokon/less-1.3.3.min.js:8
g@archivo :///D:/Homepages/Prokon/less-1.3.3.min.js:8
R. actualizar @ archivo :///D:/Homepages/Prokon/less-1.3.3.min.js:9
@archivo :///D:/Homepages/Prokon/less-1.3.3.min.js:9

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

Otros navegadores simplemente no muestran la fuente y, por supuesto, less no funciona.

Espero que esto ayude a que funcione.
Atentamente
cristiano

Comentario más útil

o la solución antes de 1.4.0 es

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

Todos 6 comentarios

Ni idea, por qué el código está formateado de esa manera.
Lo siento por los inconvenientes ocasionados.

Debe agregar la extensión css al archivo @importado .
tu puedes hacer

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

Si está usando menos v1.4 beta

Nota: no lo he probado.

o la solución antes de 1.4.0 es

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

@chricken , el código debe estar envuelto en acentos graves para conservar el formato. Vea esto: http://github.github.com/github-flavored-markdown/

Ok lo tengo.
Gracias a todos :)

@lukeapage : no estoy seguro de que esto deba cerrarse.

Acabo de encontrarme con este problema de importación de myFonts con Less 1.7.0 en CodeKit. Sin la directiva de importación de (css) antes de la URL, Less dice que compila correctamente cuando no lo hace. Esto me parece un error. Menos debería dar un error, ¿verdad?

Ejemplo:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
Menos dirá que ha compilado con éxito cuando no escribió nada.

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
Less se compilará con éxito.

¿Fue útil esta página
0 / 5 - 0 calificaciones