$(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()值并保留自定义字体？