less - 使用 @font-face 减少 css 导入字体

Question

我一直在为 Atom 制作一个主题，它使用 Less CSS 来处理样式ui。syntax

现在，我的问题是：如何使用 Less CSS 导入字体，因为我一直在尝试但找不到字体。

我在样式表中的代码：

@font-face {
    font-family: 'varela-round';
    src: url('VarelaRound-Regular.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-family: 'varela-round', sans-serif;

正如您在此处看到的，样式表ui-variables.less与 位于同一文件夹中VarelaRound-Regular.ttf，这就是为什么我不明白它如何找不到字体文件的原因。除非我做错了什么，但在搜索之后似乎它对我来说应该是正确的。

这是控制台到达的链接：

.../usr/share/atom/resources/app.asar/static/VarelaRound-Regular.ttf

标签： lessfont-face