【问题标题】:Material icon loading issue材质图标加载问题
【发布时间】:2022-01-04 14:16:28
【问题描述】:

在我最近的 Angular 项目中,我通过使用 google 字体来使用材质图标

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

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

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

任何人都可以提出可能的选项来使材质图标的渲染更平滑/更快,而不会给用户带来闪烁效果吗?

【问题讨论】:

  • 什么是 ''a while" - 我们在这里谈论的是图标出现之前的几秒钟吗?
  • @iLuvLogix 1 tp 2 秒闪烁,用户可见

标签: javascript css angular angular-material material-ui


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-10-08
    • 1970-01-01
    • 1970-01-01
    • 2019-11-08
    • 2018-01-26
    • 2020-08-05
    • 1970-01-01
    • 2021-11-15
    相关资源
    最近更新 更多