材质图标加载问题

Question

在我最近的 Angular 项目中，我通过使用谷歌 fonts 来使用材质图标

https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp

我尝试过使用所有带有属性的预加载机制。

加载 Angular 应用程序时，需要一段时间才能显示图标。 我也尝试过使用自托管，但无济于事。 渲染实际图标需要一段时间。

任何人都可以建议可能的选项来使材质图标的渲染更平滑/更快，而不会对用户产生闪烁效果吗？

Answer 1

尝试使用 FontFace.load()。 它会给你一个 Promise。 https://developer.mozilla.org/en-US/docs/Web/API/FontFace/load