Question

我们假设我声明了这样的哈希：

--font = {
    open-sans: "OpenSans",
    bebas-neue: "BebasNeue",
    uni-sans-thin: "UniSansThin",
    uni-sans-heavy: "UniSansHeavy",
    uni-sans-thin-italic: "UniSansThinItalic",
    uni-sans-heavy-italic: "UniSansHeavyItalic",
}

我想知道是否有办法循环浏览字体并对它们执行@ font-face。

以下是一个示例实现：

for key, value in --font
  @font-face
    font-family: value
    src: url("../assets/fonts/" + {key} + ".otf") format("opentype")

然而，这不起作用，我的猜测是手写笔无法循环，因为＆＃39; @ font-face＆＃39;相反，它会抛出此错误：

预期＆＃34;缩进＆＃34;，得到＆＃34; atrule font-face＆＃34;

我的问题是，如果这是可能的，如果没有，还有另一种方法吗？原因是因为我想尽可能地干。

Answer 1

实际上想通了。我做的插值都错了。假设是这样的：

for key, value in --font
    @font-face
        font-family: value
        src: url("../assets/fonts/" + value + ".otf") format("opentype")

我还使用空格而不是实际制表符，这对我的问题有所贡献。我很高兴看到这是可能的！

在Stylus css中循环@ font-face

1 个答案: