1

我正在加载 30 种外部字体，我需要检测字体是否已加载以让用户知道应用程序已准备好使用。我怎样才能做到这一点？

我知道如何检测 CSS、图像和 JS，但不知道字体。我看过但我没有找到任何关于它的教程。请注意：我没有使用 Google 字体，所以我不能使用他们的 JavaScript 插件。

所有 30 种字体都是使用我发现的一个名为FontFace的 jQuery 插件从一个数组中加载的，我通过添加字体文件夹的路径对其进行了一些修改，以便我只给它命名。

$.each(fonts, function (e, w) { //loopin thru the font names
    $('ul#fonts').append('<li data-size="' + parseInt(w.string) + '" data-font="' + w.name + '">' + w.name + '</li>')
    $('li[data-font="' + w.name + '"]').fontface({
        fontName: w.name, //the font name
        fileName: w.font, //and path
        fontSize: parseInt(w.string) + "px" //the font size
    }).fontApply({ //apply the font to this specific element
        fontFamily: w.name,
        fontSize: parseInt(w.string) + 'px'
    })
});
4

0 回答 0