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

Posted 2023-02-22

【中文标题】使用 angular-cli、sass 和 materialize-css 找不到字体

【英文标题】：Font not found with angular-cli, sass and materialize-css

【发布时间】：2018-04-29 20:36:13

【问题描述】：

当我使用 angular-cli 和 materialize-css 时，我正在一个项目中工作，对于我默认使用 sass 的样式。当我从库中导入 sass 文件时： @import "~materialize-css/sass/materialize";

应用会找到样式，但不会找到机器人字体

我试图将它直接放在 angular-cli.json 文件中的样式中，但我遇到了同样的错误。 我认为 materialize-css sass 无法解析 Fonts 路径。

【参考方案1】：

AngularJS Material 不会自动加载 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

希望这会有所帮助