【问题标题】:How to replace default square icon when custom icon-font is loading加载自定义图标字体时如何替换默认方形图标
【发布时间】:2016-12-19 15:06:03
【问题描述】:

应用程序需要分配很多图标,而在分配图标时,我看到了正方形。有没有机会如何防止这种情况?并替换方形图标的默认回调?在加载任何自定义图标之前。

【问题讨论】:

  • 添加一些代码,或者一些可以告诉我们问题出在哪里的东西
  • 这不是一段代码,很难模拟。但是如果你添加不存在的图标,结果将是空的正方形。有什么改变可以替换那个空方块的图标吗?最好在加载其他东西之前替换正方形。
  • 我认为你可以在 JS 中检查图标是否为空,然后当它为空时将其替换为其他 img
  • 这里是链接:codepen.io/lececil/pen/bZkaaG 比如你需要清除浏览器缓存,打开模拟4G下载。在图标被渲染和下载之前的很短的时间内,它们只是空的方块。

标签: html css web fonts font-face


【解决方案1】:

在编译时将字体文件转换为数据字符串并将其注入代码中,因此一旦加载代码,字体就会存在并且浏览器不需要单独请求它们。现在的浏览器不等待字体加载,以便他们可以尽快显示内容而不是原始样式.css

【讨论】:

    猜你喜欢
    • 2014-12-14
    • 1970-01-01
    • 2023-01-24
    • 1970-01-01
    • 2017-03-11
    • 1970-01-01
    • 1970-01-01
    • 2020-09-25
    • 1970-01-01
    相关资源
    最近更新 更多