Diez fuentes gratuitas para el diseño web de Google Fonts

La librería de fuentes tipográficas de Google Fonts hace la vida más fácil a los diseñadores y desarrolladores gracias al amplio surtido de fuentes gratuitas listas para ser usadas en diseños web. La colección está formada por fuentes de código abierto que pueden ser utilizadas libremente para cualquier uso, privado o comercial, y para cualquier soporte, impresión o páginas web.

Si quieres saber las diferencias básicas entre los diferentes tipos de letra usados en la web te recomiendo que leas antes el artículo «Elección de las fuentes para el diseño de una página web«.

La lista de fuentes es muy amplia y hay algunas que no es recomendable usar por su dificultad de lectura. Aquí os presento las diez fuentes más populares y que y que sirven perfectamente para crear una página web con diseño y buen gusto.

Fuente gratuita «Oswald«

Una de las primeras fuentes añadidas a la biblioteca de Google Web Fonts, que recientemente se ha actualizado añadiendo más grosores, caracteres extendidos y mejor ajustes entre letras. La fuente es un rediseño de la Sans Serif gótica creada por el diseñador Vernon Adams. Este tipo de fuente es excelente para diseñar los títulos y subtítulos de las páginas web.

Fuente gratuita «Roboto Slab«

Roboto Slab es una variante de la familia Roboto diseñada por Christian Robertson. Esta versión atrapa la vista con sus formas geométricas y sus curvas abiertas. Funciona igual de bien en una página web como en un documento impreso. El ritmo de las letras se siente natural proporcionando una experiencia de lectura agradable.

Fuente gratuita «Droid Sans«

Droid Sans es una variación de la Open Sans diseñada por el mismo Steve Matteson, optimizada para la máxima legibilidad en tamaños pequeños para interfaces de usuario, especialmente dispositivos móviles – de ahí su nombre que hace referencia a Android. Las letras cuentan con más altura que su hermana Open Sans, pero siguen siendo de formas abiertas y dan una sensación neutral y un toque agradable.

Fuente gratuita «Lato«

Lato es una familia tipográfica Sans Serif diseñado por el diseñador polaco Åukasz Dziedzic (‘Lato’ significa ‘Summer’ en polaco). Originalmente, Lato fue concebido como un conjunto de fuentes corporativas para una amplia cartera de clientes – que al final decidió ir en dirección diferente de estilo, por lo que la familia llegó a estar disponible para su lanzamiento público. Los datos semi-redondos de las letras Lato dan una sensación de calor, mientras que la estructura sólida proporciona estabilidad y seriedad.

Fuente gratuita «PT Serif«

PT Serif está diseñado por el proyecto «Fuentes Públicas de la Federación Rusa» . La primera fuente del proyecto fue PT Sans lanzada en 2009. PT Serif está diseñado para su uso junto con PT Sans, y está armonizada en la métrica, las proporciones, grosores y el diseño.

Fuente gratuita «Ubuntu«

La fuente tipográfica Ubuntu fue diseñada por Dalton Maag. Ubuntu se pensó para dar más personalidad en los menús, botones y cajas de diálogo de el sistema operativo Ubuntu. La tipografía es sans-serif, utiliza las características de OpenType y se insinúa manualmente para mayor claridad en las pantallas de ordenadores de escritorio y móviles.

Fuente gratuita «Old Standard TT«

Old Standart TT es un tipo de fuente serif diseñado por Alexey Kryukov y es una versión moderna de las clásicas letras con sarifa. Es ideal para incluir en el cuerpo de tus diseños web puesto que sus formas son fácilmente asociadas por nuestros ojos a los viejos libros con los que aprendimos a leer.

Fuente gratuita «Abril Fatface«

Abril Fatface es una gran fuente tipográfica diseñada por TypeTogether, se inspira en las pesadas fuentes utilizadas en la rotulación de carteles publicitarios en Gran Bretaña y Francia el siglo XIX. Los remates delgados y las curvas limpias prestan a este tipo de letra un toque refinado que le dan a cualquier título un aspecto elegante. Se muestra tanto la neutralidad y la fuerte presencia de la página para atraer la atención del lector con la tensión medida por sus curvas, buen color y alto contraste.

Fuente gratuita «Bevam«

Se trata de la reinvención, creada por Vernon Adams, de la tradicional fuente slab Serif diseñada en 1930 por Heinrich Jost. Las formas de las letras han sido digitalizadas, reconfiguradas y optimizadas para la web, con las aberturas más abiertas y los pies de letra más gruesos para conseguir una fuente ultra negrita que se adapte a los navegadores modernos.

Prueba tu texto con alguna de estas fuentes

 

$(document).ready(function(e) {
$(‘#boton’).click(function () {
var fuente =$(‘#seleccion option:selected’).val(),
texto=$(‘#text1′).val(),
fontType=’\’Open Sans\’, sans-serif’;
if ( fuente == ‘oswald’){
fontType=’\’Oswald\’, sans-serif’;
}else if ( fuente == ‘roboto’){
fontType=’\’Roboto Slab\’, serif’;
}else if ( fuente == ‘droid’){
fontType=’\’Droid Sans\’, sans-serif’;
}else if ( fuente == ‘lato’){
fontType=’\’Lato\’, sans-serif’;
}else if ( fuente == ‘ptSerif’){
fontType=’\’PT Serif\’, serif’;
}else if ( fuente == ‘ubuntu’){
fontType=’\’Ubuntu\’, sans-serif’;
}else if ( fuente == ‘ptStand’){
fontType=’\’Old Standard TT\’, serif’;
}else if ( fuente == ‘abril’){
fontType=’\’Abril Fatface\’, cursive’;
}else if ( fuente == ‘bevam’){
fontType=’\’Bevan\’, cursive’;
}
$(‘#text2’).css(‘font-family’,fontType);
$(‘#div_text2 p’).text(«Texto con la fuente: «+ fontType);
$(‘#text2’).val(texto);
});
});