Fuentes o Fonts en nuestra web

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