angular - 在 Angular 中使用字体加载器

Question

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

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

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>