如何在LESS CSS中编写字体？

Question

我有点腌渍。我刚刚两天前拿起了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";

任何人都可以帮我一把吗？谢谢！

Answer 1

少于1.7 +

他们现在添加了rulesets，其工作原理如下：

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

.myClass {
    @verdana();
}

请注意语法：您传递一个括号内的{}属性集，并使用变量名后的括号()访问它，就像mixin一样。正如你所看到的，它的功能很像mixin（类似于lucian的答案），但它具有附加价值它可以作为参数传递，所以这是可能的：

<强> LESS

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

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

.test {
  .myMix(@verdana);
}

CSS输出

.test {
  font-family: "verdana";
}

Answer 2

您可以这样声明：.myfont{ font-family:"some family, some generic family"}然后像这样使用它：div{ .myfont; }

Answer 3

我只知道这种方式：

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

带有名称的字体变量，字体名称如“My_Verdana”和主要字体，第二个作为主要字体失败的示例。

希望这会有所帮助，问候。