gpt4 book ai didi

javascript - window.onload 在字体加载之前触发

转载 作者:太空宇宙 更新时间:2023-11-04 12:10:53 27 4
gpt4 key购买 nike

以下网页加载 Font Awesome,显示图标 fa-check,并在 window.onload 上有一个 debugger 断点:

<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>

<script>
window.onload = function () {
debugger;
};
</script>
</head>

<body>
<div class='fa fa-check fa-4x'></div>
</body>
</html>

在 Chrome 上(控制台打开),在呈现图标后断点被击中。这是预期的行为。

在 Safari 上(控制台打开),断点在图标呈现之前命中。我假设这是一个 Safari 错误。

如何保证 window.onload 在 Safari 上呈现图标后触发?

最佳答案

您可以使用 document.fonts.ready 检查字体加载状态它返回一个你可以解决的 promise ,使用 then(...):

document.fonts.ready.then(function() {
// Any operation that needs to be done only after all the fonts
// have finished loading can go here.
});

在此处查看支持的浏览器:
https://developer.mozilla.org/en-US/docs/Web/API/Document/fonts

关于javascript - window.onload 在字体加载之前触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29052673/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com