$ .WIDTH（）使用自定義字體時

這裏的情況是返回不同的結果

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

當我用標準字體（宋體例如）一切都很好（.width()在這兩種情況下返回相同的結果）

是否有任何解決方法不同於setTimeout得到適當的.width()價值和保持自定義字體？

來源

2012-08-26 Peter

你可以顯示什麼是'foo'（關於元素的定義方式），以及是否有任何附加事件？ –

找到這一個：http：//stackoverflow.com/questions/5539602/cant-get-right-width-or-outerwidth-of-label-element –

@OfirBaruch確實他有和我一樣的問題 – Peter

因爲它加載了一個遙遠的字體。您應該使用$(window).load()而不是$(document).ready()：第一個將在所有遙遠的字體/樣式表/腳本和圖像被下載時觸發，第二個僅在DOM準備就緒時纔會被觸發。

來源

2012-08-26 19:32:22 bperson

'$（window） .load（）'完成了這項工作。謝謝 – Peter

哇，真的嗎？大約一年來我一直在尋找答案。簡直不敢相信。 –

$ .WIDTH（）使用自定義字體時

回答

相關問題