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>

在Angular中使用字体加载器

2 个答案: