将自定义字体添加到.NET Core 2.0 Angular

Question

我有一个使用Angular 2模板的.NET Core 2.0应用程序。

问题是我无法向app.component.css添加自定义字体（woff2）

@font-face {
    font-family: 'FrutigerBold';
    src: url("./assets/fonts/frutiger65_bold.woff2") format('woff2');
}

并收到以下错误：

  

NodeInvocationException：由于错误导致预渲染失败：错误：模块解析失败：C：\ Users \ gbuenrostro \ documents \ visual studio 2017 \ Projects \ SecurityAngular \ SecurityAngular \ ClientApp \ app \ assets \ fonts \ frutiger65_bold.woff2意外的字符＆ ＃39;＆＃39; （1：4）

     

您可能需要适当的加载程序来处理此文件类型。

     

（此二进制文件省略了源代码）

有什么想法吗？

这是项目：

Answer 1

请勿在app.component.css中添加css。 创建一个file.css以包含字体（不放在资产文件夹中）并更改webpack.config.vendor在nonTreeShakableModules中添加文件

 var regex = new Regex($@"^[A-Z]{{{numberOfLettersBeforeHyphen}}}-[0-9]+$");
 ...