font-face cambiando a través de JavaScript

Question

lo tanto, el flujo de trabajo básico es el siguiente:

1. carga de archivos asíncrona de la fuente (esto ya está hecho).

2. Obtener la URL (hecho)

3. Cambiar el tipo de letra a la nueva URL

Soy consciente de que hay que hacer a través de font-face, pero no puedo parecer imaginar cómo acceder a eso a través de JavaScript.

Answer 1

Se puede crear un nuevo elemento <style> con la regla @font-face y añadirlo a la document 's head:

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 necesite para proporcionar todos los formatos y las URL de las fuentes necesarias, también, a menos que solo esté preocupado por el soporte para navegadores de escritorio modernos (en cuyo caso solo usaría WOFF –). Supongo que es razonable, debido a las otras características que mencionó).