jQuery.onFontLoad
Бывает ситуация, когда необходимо подождать готовности шрифта перед тем, как отрисовать страницу. Вот вам пример того, как браузер Safari отображает страницу, если шрифт ещё не готов:
При медленном соединении может пройти до 20 секунд, прежде чем появятся шрифты.
При этом событие document.ready никак не реагирует на шрифты. И никакое событие вообще не реагирует на готовность шрифта. Исправить это и призван плагин jQuery.onFontLoad.
Использовать его очень просто:
$(document).on('fontload', function(event, font){
    console.log(font.name+' is ready!');
});
Как видите — плагин просто добавляет нестандартное событие, которое вызывается на объекте $(document). В такой реализации плагин отследит только один шрифт — который установлен на body.
Если же вы хотите отследить ещё какой-то шрифт, то оповестите об этом плагин:
$.fontDetector.watch('Open Sans');
При этом название шрифта должно быть написано в формате, в котором он употребляется в CSS.
Релиз
23 мая 2014
Лицензия