Roboto Font face仅下载常规字体

【问题标题】：Roboto Font face download only regular fontsRoboto Font face仅下载常规字体
【发布时间】：2019-01-23 14:29:35
【问题描述】：

我正在使用 angular 6 材质并使用“roboto-fontface”依赖项。我在我的应用程序中只使用常规的机器人字体。但它下载了所有常规、中等和粗体字体，并增加了我的应用程序大小。有没有办法只下载Regular Roboto 字体。还有有什么方法可以停止从浏览器下载这些字体。每当我加载应用程序字体下载并增加加载时间时。请建议我处理这些字体的最佳方法

【问题讨论】：

标签： angular fonts angular-material roboto

【解决方案1】：

您可以在您的应用程序中导入您需要的字体，因此当您构建它时只包含这些字体。

如果您使用的是 SCSS、SASS、LESS... 您可以将所需的导入到您的 css 文件中，例如

@import './node_modules/roboto-fontface/css/roboto/sass/roboto-fontface-black.scss'
@import './node_modules/roboto-fontface/css/roboto/sass/roboto-fontface-black.scss'

【讨论】：

我在 angular.json 的样式中添加了它。现在它以该字体显示所有内容......我只需要在一个组件中使用它。我该怎么办？