Cambio de Font-Face a través de JavaScript

Entonces el flujo de trabajo básico es este:

  1. Carga de files asincrónica de la fuente (esto ya está hecho).

  2. Obtener la URL (hecho)

  3. Cambiar la fuente a la nueva URL

Me doy count de que esto debe hacerse a través de font-face, pero parece que no puedo averiguar cómo acceder a eso a través de JavaScript.

Puede crear un nuevo elemento <style> con la regla @font-face y anexarlo a la head del document :

 var newStyle = document.createElement('style'); newStyle.appendChild(document.createTextNode("\ @font-face {\ font-family: " + yourFontName + ";\ src: url('" + yourFontURL + "') format('yourFontFormat');\ }\ ")); document.head.appendChild(newStyle); 

Por supuesto, es probable que también deba proporcionar todos los formattings de fuente y URL necesarios, a less que solo esté preocupado por la compatibilidad con browseres de escritorio modernos (en cuyo caso solo usaría WOFF, supongo que es razonable, debido a la otras características que mencionaste).