Charger dynamiquement google polices après la page de chargement

Je voudrais être en mesure d'avoir à l'utilisateur de sélectionner la police de caractères qu'ils aimeraient la page à afficher dans. Ici est la façon dont Google vous recommande de le faire à l'aide de 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);
      })();

Comment puis-je modifier cela pour que je puisse ré-obtenir des polices fois la page chargée?

InformationsquelleAutor Alexis | 2013-05-14
  1. 32

    Découvrez la WebFont.commande de chargement dans ce dépôt github:

    https://github.com/typekit/webfontloader

    Vous pouvez charger n'importe quelle police que vous souhaitez de manière dynamique:

     <script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> 
  <script> 
        WebFont.load({
                    google: { 
                           families: ['Droid Sans', 'Droid Serif'] 
                     } 
         }); 
   </script>
    • Assurez-vous d'utiliser une version spécifique de la production. Autrement, il n'y aura pas de mise en cache.
    • ce n'est pas vrai...il y a la mise en cache sur la dernière version de jusqu'à 1 an. Je pense que le problème est plus qu'un buggy communiqué de casser votre site.
    • juste vérifié pour voir que vous avez raison; pour l'instant pour le version 1 comme ci-dessus dans le post Google donne Expires en-tête pour un an à l'avance; auparavant, ce n'était pas le cas
    InformationsquelleAutor mccannf