Entonces el flujo de trabajo básico es este:
Carga de files asincrónica de la fuente (esto ya está hecho).
Obtener la URL (hecho)
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).