CSS完成字体下载

Question

我在@font-face中使用CSS。 font ttf为400 kb，因此需要时间加载。我想检查字体何时完全下载，以便我可以使文本Label可见。我怎样才能在jQuery中完成？

因为在未下载字体之前，网站会显示Label默认的Arial字体，这是不合需要的。

Answer 1

我使用计时器......

var item = $('.myclass');// check an item width before setting its font family;
var itemWidth = item.width(); // store initial width
$('.myclass').addClass('setfont'); // add your font family via css
function checkFont(){
    if( item.width() == itemWidth ){
        setTimeout(checkFont); 
    } else {
        setTimeout(fontLoaded,300); // I have a 300 ms bug....You can try call fontLoaded without this timer
    }
}
setTimeout(checkFont);

function fontLoaded(){
//....do stuff
}