javascript - superior - optimizar la entrega de css de estas url wordpress

Cargar dinámicamente las fuentes de Google después de que la página se haya cargado

Question

Me gustaría poder hacer que el usuario seleccione en qué fuente desea que se muestre la página. Here es la forma en que Google recomienda que lo haga usando 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);
      })();

¿Cómo puedo modificar esto para poder volver a obtener las fuentes después de que la página se haya cargado?

Answer 1

Echa un vistazo al comando WebFont.load en este repositorio de github:

https://github.com/typekit/webfontloader

Puedes cargar cualquier fuente que quieras dinámicamente:

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