使用angular-cli，sass和materialize-css找不到字体

Question

当我使用angular-cli和materialize-css时，我正在一个项目中工作，默认情况下我使用的是sass。 当我从库中导入sass文件时：@import“〜materialize-css / sass / materialize”;

该应用程序找到样式，但找不到roboto字体

我试图将其直接放置在angular-cli.json文件内部的样式中，并且遇到相同的错误。 我认为materialize-css sass无法解析字体路径。

Answer 1

AngularJS材质本身不会自动加载Roboto字体。

开发人员负责加载其应用程序中使用的所有字体。

您可以自己托管它，也可以从Google字体中添加它：

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">

请参阅链接。

https://material.angularjs.org/latest/CSS/typography

如果要使用NPM，可以使用Webpack + NPM

有关更多信息，请参见链接

https://github.com/pablorsk/test-generator-fountain-webapp-angular-material

$ npm install --save-dev file-loader
$ npm install --save roboto-fontface

希望这可以帮助