Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 手写笔中@font-face的正确语法/使用手写笔字体面npm_Css_Node.js_Fonts_Stylus - Fatal编程技术网

Css 手写笔中@font-face的正确语法/使用手写笔字体面npm

Css 手写笔中@font-face的正确语法/使用手写笔字体面npm,css,node.js,fonts,stylus,Css,Node.js,Fonts,Stylus,我需要从Stylus获得以下CSS输出(有点落后,但Stylus会使这个项目的许多其他部分变得更容易)。我尝试了很多方法,但都无法编译它,当它说它没有编译任何东西时,就会显示输出的这一部分。我对实现没有任何兴趣,因为那里的文档似乎没有显示所需手写笔的示例。这是我需要的输出,非常感谢您的帮助 @font-face{ 字体系列:'apercu-regular'; src:url('../fonts/apercu regular/apercu_gdi.eot'); src:url(“../font/

我需要从Stylus获得以下CSS输出(有点落后,但Stylus会使这个项目的许多其他部分变得更容易)。我尝试了很多方法,但都无法编译它,当它说它没有编译任何东西时,就会显示输出的这一部分。我对实现没有任何兴趣,因为那里的文档似乎没有显示所需手写笔的示例。这是我需要的输出,非常感谢您的帮助

@font-face{
字体系列:'apercu-regular';
src:url('../fonts/apercu regular/apercu_gdi.eot');
src:url(“../font/apercu-regular/apercu_-gdi.eot?#iefix”)格式('embedded-opentype'),
url('../fonts/apercu regular/apercu_gdi.woff')格式('woff'),
url('../fonts/apercu regular/apercu_gdi.ttf')格式('truetype'),
url('../fonts/apercu regular/apercu_gdi.svg#apercu regular')格式('svg');
字体大小:400;
字体风格:普通;
字体拉伸:正常;
unicode范围:U+0020-25CA;

}
我已经找到了如何用最小语法的手写笔正确编译它(我想使用Jeet、Boy和Breash,所以我不得不这样做)。希望这对别人有帮助

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

手写笔版本?我刚刚将你的示例复制粘贴到CodePen(Stylus 0.50.0)(单击“查看已编译”以查看已编译的CSS),所有工作都很好。非常感谢;我试图在其最小语法中使用Stylus(没有大括号、冒号等),但我无法让上面的代码像那样编译。我没有想到,我可以通过编写普通的CSS并以这种方式利用Stylus的变量和其他功能来解决这个问题。如果Stylus-lang.com上给出了这个多个src/url示例,我会节省很多时间。非常感谢。