2

Is there a way to determine when font style is being actually rendered? early stage of breakpoint

having break point on early stage (which is right after DOM is created) shows that the paragraph's font family value is font 'Montserrat-Bold' which is added via @font-face css but an actual rendered display shows as default font.

break point after some amount of time

Here, break point after some amount of time shows that the paragraph element is actually styled (using font family) as it is to be expected.

I assume there's a process where browser actually renders (or apply) font style. Is there a way to know or to detect when that happens?

Chanwoo Park
  • 166
  • 11
  • 1
    Does this answer your question? [How to be notified once a web font has loaded](https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded) – Dorad Nov 26 '21 at 05:47
  • @Dorad sadly no :( document.fonts way can let one's know that a font is being loaded but my question is about when it is actually being "used" ("rendered", "applied") – Chanwoo Park Nov 26 '21 at 05:49

0 Answers0