在Stylus中使用stylus-font-face npm校正@ font-face的语法

Question

我需要从Stylus获得以下CSS输出(这是一个向后的方式,但Stylus将使这个项目的许多其他部分更容易).我已经尝试了很多东西但是无法将其编译,当它说它已经编译了这部分输出时没有显示任何内容.我没有任何快乐实现stylus-font-face - npm因为文档似乎没有显示Stylus所需的示例.这是我需要的输出,非常感谢任何帮助.

@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`