使用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

希望這可以幫助