font-face cambiare tramite JavaScript

Question

Così il flusso di lavoro di base è questa:

1. asincrono upload di file di carattere (questo è già fatto).

2. Prendi l'URL (fatto)

3. Cambiare il tipo di carattere per il nuovo URL

Mi rendo conto che deve essere fatto tramite font-face, ma io non riesco a capire come accedervi tramite JavaScript.

Answer 1

È possibile creare un nuovo elemento <style> con la regola @font-face e aggiungerlo a 's head il document:

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

document.head.appendChild(newStyle); 

Naturalmente, avrete probabilmente bisogno di fornire tutti i formati di font necessari e gli URL, troppo, a meno che tu non sia solo preoccupato del supporto per i moderni browser desktop (nel qual caso useresti WOFF – presumo che sia ragionevole, a causa delle altre funzionalità che hai menzionato).