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

我需要从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;
}

最佳答案

我已经研究出如何以最小的语法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`

关于css - 手写笔中@ font-face的正确语法/使用stylus-font-face npm，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30593258/