Perú

Lima,Perú

Fuentes o Fonts en nuestra web

Fecha Publicación:       24 de Mayo de 2020
Fecha Modificación:       19 de Octubre 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 identificar la fuente utilizada de un texto de mi web

Con una extensión de Google Chrome sabemos que fuente utiliza un texto de mi web:

Font Finder     

 

Vea Tambien

Fuentes Web Gratuitas

→ Ir a Fuentes Web Gratuitas

 

Leidas : 347 Veces
Compartir: