Tengo un fragmento de código javascript que recupera la "familia de fuentes" de un nodo DOM.
window.getComputedStyle(element).getPropertyValue(font-family) >> '"IBM Plex Sans", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'Una cosa que me gustaría hacer es encontrar todas las fuentes en la página (lo cual haré atravesando el DOM y usando el código anterior), y luego construir un objeto que muestre desde dónde se carga cada fuente.
Por ejemplo, para IBM Plex Sans, me gustaría poder crear un objeto que se vea así:
{ IBMPlexSans { url: mysite.cdn.asdfdsaf; font-style: normal, font-weight: 400 } }¿Alguna idea sobre cómo haría esto? En resumen, me pregunto si hay alguna forma en javascript para verificar desde dónde se carga cada fuente.
¡Gracias!