Less.js: Проблема с URL-адресом @import от myfonts.com

Созданный на 3 мая 2013 · 6Комментарии · Источник: less/less.js

Привет,
У меня проблема, когда я хочу использовать шрифты с myfonts.com вместе с lesscss.

Чтобы использовать шрифты, мне пришлось добавить следующий код в мой CSS/LESS-файл.

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

@шрифт-лицо {
семейство шрифтов: «FrutigerLT-Light»;
src: url('schriften/xyzxyz_0_0.eot');
src: url('schriften/xyzxyz_0_0.eot?#iefix') формат('embedded-opentype'),
формат url('schriften/xyzxyz_0_0.woff')('woff'),
url('веб-шрифты/xyzxyz_0_0.ttf') формат('truetype');

}

xyzxyz — код используемого шрифта. Я не уверен, что это хорошая идея, чтобы держать его видимым.
Но с этим импортом less.js больше не будет работать.
Фаерфокс выдает ошибку

n не определено

в стилях.less
р.Парсер/стр. 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:/Домашние страницы/Prokon/less-1.3.3.min.js:8
w@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
g@file :///D:/Домашние страницы/Prokon/less-1.3.3.min.js:8
р. update@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

Другие браузеры просто не показывают шрифт и, конечно, меньше не работает.

Надеюсь, это поможет заставить его работать.
С наилучшими пожеланиями
христианин

Источник

chricken

Самый полезный комментарий

или обходной путь до 1.4.0

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

lukeapage 3 мая 2013

🚀1 ❤1 🎉1 👍1

Все 6 Комментарий

Понятия не имею, почему код отформатирован именно так.
Простите за неудобства.

chricken 3 мая 2013

Вы должны добавить расширение css к файлу @imported .
ты можешь сделать

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

Если вы используете меньше бета версии 1.4

Примечание: я не проверял это.

Subash 3 мая 2013

или обходной путь до 1.4.0

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

lukeapage 3 мая 2013

🚀1 ❤1 🎉1 👍1

@chricken код должен быть заключен в обратные кавычки, чтобы сохранить форматирование. Смотрите это: http://github.github.com/github-flavored-markdown/

jonschlinkert 4 мая 2013

Хорошо понял.
Спасибо вам всем :)

chricken 11 мая 2013

@lukeapage : я не уверен, что это нужно закрывать.

Я только что столкнулся с этой проблемой импорта myFonts с Less 1.7.0 в CodeKit. Без директивы импорта (css) перед URL-адресом Less говорит, что компилируется успешно, когда это не так. Это кажется мне ошибкой. Меньше должно выдавать ошибку, верно?

Пример:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
Меньше будет говорить, что он успешно скомпилирован, если он ничего не написал.

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
Less успешно скомпилируется.