无法在带有web-essentials的VisualStudio 13中为@font-face创建混合

Question

您好，我使用VisualStudio13和web-essentials。我想为font-face创建一个较少的混入。

我在@font-face下面看到一个绿色卷发，上面写着Unexcpected '@' block style rule。它不能被编译，因此...

.fontFace(@flamaPath, "Flama-Basic")

.fontFace(@basePath, @fontName) {
    @font-face {
        font-family: '@{fontName}';
        src: url('@{basePath}/@{fontName}.eot');
        src: url('@{basePath}/@{fontName}.eot?#iefix') format('embedded-opentype'),
             url('@{basePath}/@{fontName}.woff') format('woff');
    }
}

谢谢你的帮助！

Answer 1

问题只是缺少了一个分号：

.fontFace(@flamaPath, "Flama-Basic"); // <- Here

当然，必须定义@flamaPath。