Question

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

＆＃13;

@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;
}

＆＃13;

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`

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

1 个答案: