在 Angular 中使用字体加载器

Wad*_*das 3 font-face webfont-loader angular

如何在 Angular 中使用字体加载器,例如 WebFontLoader 或 FontFaceObserver?

我不确定需要导入什么/在哪里以及如何在组件中使用它。

Bag*_*ani 6

做:
npm install webfontloader

然后在你的组件中你可以这样写:

app.component.ts:

import * as WebFont from 'webfontloader';
// ...
ngOnInit(){
  WebFont.load({/* your config...*/})
}
Run Code Online (Sandbox Code Playgroud)

  • 您可以在任何地方使用它,而不仅限于组件。在代码中仅运行一次 WebFont.load(...) ,字体将在所有组件中可用。我成功地从服务构造函数加载了它。 (2认同)