css - 使用多个字体字段设置 LESS 字体变量

Question

我有一个从 Google 的 CDN 提取的字体列表。他们列出了文档 here但我在设置半粗斜体样式时遇到问题。有没有办法让这个工作？

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,400,300,600' rel='stylesheet' type='text/css'>

@semibold: "Open Sans:600", sans-serif;
@semibold-italic: "Open Sans:600italic", sans-serif;
@light: "Open Sans:300", sans-serif;

我知道我可以在 font-face 中设置 font-weight 和 style。

如何在我的变量声明中包含所有内容？

Answer 1

我不太熟悉 Google 字体的工作原理，但也许 mixin 对你来说是个不错的选择。

.semibold {
    font-family: 'Font', 'Font B', 'Font C';
    font-weight: 500;
    font-style: normal;
}

div {
    .semibold;
}