gpt4 book ai didi

javascript - $.width() 在使用自定义字体时返回不同的结果

转载 作者:太空狗 更新时间:2023-10-29 14:53:51 26 4
gpt4 key购买 nike

情况是这样的:

$(document).ready(function(){
// this will return different result
alert($('#foo').width());
// than this !!!
setTimeout(function(){
alert($('#foo').width());
}, 1000);
});

CSS(在 <head> 部分):

<link href='http://fonts.googleapis.com/css?family=Headland+One' rel='stylesheet' type='text/css'>
... and
#foo {
font-family: 'Headland One', serif;
}

当我使用标准字体(例如 Arial)时一切正常(.width() 在两种情况下返回相同的结果)

是否有不同于 setTimeout 的解决方法?获得适当的.width()值并保留自定义字体?

最佳答案

因为它加载了一个遥远的字体。您应该使用 $(window).load() 而不是 $(document).ready() :第一个将在所有遥远的字体/样式表/脚本和图像已下载,第二个仅在 DOM 准备就绪时才下载。

关于javascript - $.width() 在使用自定义字体时返回不同的结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12133171/

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