在 Angular 中使用字体加载器

Question

如何在 Angular 中使用 WebFontLoader 或 FontFaceObserver 等字体加载器？

我不确定 what/where 我需要导入以及如何在组件中使用它。

Answer 1

做：
npm install webfontloader

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

app.component.ts:

import * as WebFont from 'webfontloader';
// ...
ngOnInit(){
  WebFont.load({/* your config...*/})
}

Answer 2

我一直在 index.html 文件中配置它（根据 github 上的自述文件）

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js">    
</script>
<script>
  WebFont.load({
    google: {
      families: ['Droid Sans', 'Droid Serif']
    }
  });
</script>

在 Angular 中使用字体加载器

Use Font Loader in Angular

font-face

webfont-loader

angular