css - Stylus 中@font-face 的正确语法/使用 stylus-font-face npm

Question

我需要从 Stylus 获得以下 CSS 输出(这是一种落后的方式，但 Stylus 将使该元素的许多其他部分变得更容易)。我已经尝试了很多东西，但无法编译，当它说它已经编译时，这部分输出没有任何显示。我对实现 stylus-font-face - npm 没有任何乐趣因为那里的文档似乎没有显示所需手写笔的示例。这是我需要的输出，非常感谢任何帮助。

@font-face {
	font-family:'apercu-regular';
	src: url('../fonts/apercu-regular/Apercu_gdi.eot');
	src: url('../fonts/apercu-regular/Apercu_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/apercu-regular/Apercu_gdi.woff') format('woff'),
		url('../fonts/apercu-regular/Apercu_gdi.ttf') format('truetype'),
		url('../fonts/apercu-regular/Apercu_gdi.svg#apercu-regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

Answer 1

我已经弄清楚如何让它以最少的语法 Stylus 正确编译(我想使用 Jeet、Boy 和 Rupture，所以我不得不那样做)。希望这对某人有帮助。

@font-face
    font-family 'apercu-regular'
    src url('../fonts/apercu-regular/Apercu_gdi.eot')
    src url('../fonts/apercu-regular/Apercu_gdi.eot?#iefix') format('embedded-opentype'),url('../fonts/apercu-regular/Apercu_gdi.woff') format('woff'),url('../fonts/apercu-regular/Apercu_gdi.ttf') format('truetype'),url('../fonts/apercu-regular/Apercu_gdi.svg#apercu-regular') format('svg')
    font-weight 400
    font-style normal
    font-stretch normal`