Как написать шрифт в LESS CSS?

Я немного в ступоре. Я только что взял WinLess (компилятор, который я использую) около двух дней назад, и я только что смутно изучил основы LESS. В любом случае, у меня проблема с этим фрагментом кода:

// Font
    @verdana: font-family:"verdana";
    @sans: font-family:"sans-serif";

Когда я компилирую это, я получаю это сообщение:

ParseError: Нераспознанный ввод в строке 4, столбце 3:

3 // Font
4 @verdana: font-family:"verdana";
5 @sans: font-famlit:"sans-serif";

Может ли кто-нибудь дать мне руку? Спасибо!


fonts css less parse-error
person user3141919    schedule 13.03.2014    source источник
comment
Какова цель этого? Вы читали ссылку? lesscss.org   -  person deceze♦    schedule 13.03.2014
comment
возможный дубликат Проблема с выводом свойства шрифта с использованием меньшего количества переменных   -  person Paulie_D    schedule 13.03.2014
comment
Мне действительно не нужны размеры шрифта или что-то еще, только фактическое семейство шрифтов.   -  person user3141919    schedule 13.03.2014
comment
На самом деле, Paulie_D, вы были правы, большое спасибо за эту ссылку. Большое спасибо всем, кто помог.   -  person user3141919    schedule 13.03.2014

Ответы (3)


arrow_upward
1
arrow_downward

Для МЕНЬШЕ 1.7+

Теперь они добавили наборы правил, которые работают следующим образом:

@verdana: {font-family:"verdana"};

.myClass {
    @verdana();
}

Обратите внимание на синтаксис: вы передаете заключенный в квадратные скобки набор свойств {} и получаете к нему доступ с помощью скобки () после имени переменной, как примеси. Как вы можете видеть, он также работает как миксин (аналогично ответу Люциана), но имеет дополнительную ценность, заключающуюся в том, что его можно передать в качестве аргумента, так что это возможно:

МЕНЬШЕ

@verdana: {font-family:"verdana"};

.myMix(@font) {
    @font();
}

.test {
  .myMix(@verdana);
}

Вывод CSS

.test {
  font-family: "verdana";
}
person ScottS    schedule 14.03.2014

arrow_upward
0
arrow_downward

Вы можете объявить это так: .myfont{ font-family:"some family, some generic family"}, а затем использовать так: div{ .myfont; }

person n1kkou    schedule 13.03.2014

arrow_upward
0
arrow_downward

я знаю только так:

@variable_name: 'individual_font_name', Verdana, sans-serif;

переменная шрифта с именем, имя шрифта, например «My_Verdana», и основной шрифт, а второй в качестве примера для отказа основного шрифта.

надеюсь, это поможет, привет.

person alex    schedule 13.03.2014