Carica dinamicamente i caratteri di google dopo che la pagina è stata caricata

Question

Vorrei poter selezionare l'elemento in cui desideri visualizzare la pagina. Here è il modo in cui Google ti consiglia di farlo utilizzando JavaScript.

WebFontConfig = { 
    google: { 
     families: ['Tangerine', 'Cantarell'] 
    } 
}; 

(function() { 
     var wf = document.createElement('script'); 
     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + 
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 
     wf.type = 'text/javascript'; 
     wf.async = 'true'; 
     var s = document.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(wf, s); 
     })(); 

Come posso modificarlo in modo da poter recuperare i caratteri dopo aver caricato la pagina?

Answer 1

Partenza il comando WebFont.load in questo github repo:

https://github.com/typekit/webfontloader

è possibile caricare qualsiasi tipo di carattere che si desidera in modo dinamico:

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> 
    <script> 
     WebFont.load({ 
        google: { 
          families: ['Droid Sans', 'Droid Serif'] 
        } 
     }); 
    </script>