Как узнать, загрузился ли шрифт из font-face?
document.fonts.ready.then(function() {
  //Пишите условие, которое должно выполниться, после загрузки шрифтов...
  //Например текст opacity: 1 (предварительно указав в стилях opacity: 0)
  //Это предотвратит "скакание" шрифта при загрузке страницы.
});
В ФФ есть расширение Font Finder и оно может показывать как отрендерился шрифт.