How to know if font loaded from font-face?

Question

css

Interested in the question, is there any method to find out if the custom font was loaded from font-face?
I need this in order to set separate css rules for the alternative font.

Answer 1

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

Answer 2

Using jQuery, you can find out the current properties of an object:
a = $(".someClass").css("font-family");
Result: "Arial, Helvetica, sans-serif"

Answer 3

isn't it
document.defaultView.getComputedStyle($('.answer')[0], null).fontFamily

Answer 4

FF has an extension Font Finder and it can show how the font is rendered.