Perú

Lima,Perú

Fuentes o Fonts en nuestra web

Fecha Publicación:       24 de Mayo de 2020
Fecha Modificación:       18 de Febrero de 2021

Cargar font de google en forma asincronica

Utilizar el Web Font Loader de Google, el cual permite la carga asíncrona de las fuentes a través de un script vía @font-face proporcionando una interfaz común para las fuentes independientemente de dónde provengan. Esta opción es especialmente útil si usted utiliza varias fuentes externas para la carga de las páginas en su sitio web. Para más información visite el repositorio GitHub del proyecto Web Font Loader.

Una vez que establezca el código adecuado, colóquelo en la parte inferior del código HTML antes de la etiqueta </body>. A continuación un ejemplo:

 

// Si son varias separar por comas
//google: { families: [ 'Hind:300,400,500', 'Merriweather:300,400,300italic'] } };
// en este ejemplo se carga la fuente "lato"
// debe colocarse en el head
// es para no usar
// <link href='https://fonts.googleapis.com/css?family=Lato:400,900,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" async defer>
	WebFontConfig={google:{families:['Lato:400,900,700']}};
	(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);})();
</script>

Fuente: https://gist.github.com/xombra/f080eddfeda70be615c92ca9a0943e80

Cómo averiguar qué fuentes hay en una web sin mirar el código  

Para Chrome:

What Font Tool, en este caso tienes que activar la herramienta y posarte sobre el texto; si pinchas te despliega información detallada, lo mejor es que te indica qué servicio de alojamiento (Typekit, Google Fonts) está sirviendo la tipografía.

Font Finder     

Vea Tambien

Fuentes Web Gratuitas

→ Ir a Fuentes Web Gratuitas

 

Leidas : 293 Veces
Compartir: