Google lo ha vuelto a hacer. Ayer mismo nos ha sorprendido anunciando Google Font API y Google Font Directory. Analizamos estos dos nuevos proyectos con los que pretenden facilitarnos el uso de fuentes de letra personalizadas en nuestras páginas de manera relamente sencilla. ¡Tutorial incluído!
Autor: Adrián Mato
Hola! Soy diseñador, programador web y cofundador de la startup Cokidoo, desarrollamos aplicaciones web a gran escala y comercio electrónico, aplicaciones para móviles y advertising. Puedes seguirme através de mi twitter y ver algunos de mis themes en Themeforest. También soy aficionado a la fotografía.
Introduciendo Google Font Api y Google Font Directory
Ayer 19 de Mayo de 2010 los chicos de Google presentaban dos grandes y buenas noticias para los desarrolladores / diseñadores web: Google Font API y Google Font Directory.
Su idea es compartir con todos nosotros una biblioteca de fuentes de letra amplia, de gran calidad y open source, conocida como Google Font Directory.
Google comparte una gran biblioteca de fuentes de letra open source listas para utilizar de forma realmente sencilla mediante su Google Font API.
Estas fuentes de letra podrán ser utilizadas mediante la Google Font API con el fin de mejorar el aspecto visual de todos nuestros diseños de manera realmente rápida y sencilla.
Han pasado muchos años y las fuentes de letra “no estándar” siguen sin tener un uso claro y sencillo, teniendo que recurrir a hacks, librerías javascript, objetos flash… todo esto pretende cambiar con CSS3 y su propiedad @font-face, y Google tratará de servir todas estas fuentes através de la nube según los requerimientos de cada navegador.
Ventajas y compatibilidad con múltiples navegadores
Todos aquellos que decidan usar la Google Font API tendrán asegurada la compatibilidad con múltiples navegadores para cualquiera de las fuentes de letra de su biblioteca. Todas estas fuentes tendrán las ventajas de un texto normal y corriente:
- Se comportan como texto normal, no hay canvas ni otros objetos.
- Indexables y legibles para los buscadores.
- Visualmente atractivas y sin pérdida de calidad al hacer zoom.
- Accesibles a todo tipo de lectores de pantalla.
- Rápido a la hora de cargar las fuentes.
Por si fuera poco, navegadores “obsoletos” como Internet Explorer 6 serán perfectamente soportados por la Google Font API sin aparantemente ningún tipo de hack, canvas ni derivados.
Cómo utilizar la Google Font API
Como nos comentan en su blog, el método de uso es realmente sencillo. Tan sólo necesitamos crear un enlace a la Google Font API especificando las fuentes de letra que deseamos usar y aplicarla mediante selectores CSS en donde deseemos:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ontuts - Ejemplo de Google Fonts API</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<style>
body{
font-family: 'Yanone Kaffeesatz', serif;
font-size: 72px;
text-shadow: 4px 4px 4px #bbb;
font-weight: 700;
text-align: center;
}
</style>
</head>
<body>
¡Ontuts arrasa por donde pasa!
</body>
</html>
Este sería el resultado final:
Es realmente potente y sencillo, ¿verdad? No dejéis de mirar el html final que nos genera, es transparente, texto plano de toda la vida… pero con otro aspecto. Nada de canvas, objetos flash ni similares.
Reflexión final
Si bien todavía está en beta, como diseñador web me resulta realmente interesante ver que por fin podremos empezar a plantearnos el uso de fuentes de letra distintas a las habituales, que aporten mayor solidez a nuestros diseños sin necesidad de hacks, trucos baratos o imágenes en lugar de texto.
Me ha parecido una grandísima idea el hecho de que estén abiertos a que los diseñadores contribuyan a la biblioteca y seguramente en próximas semanas no parará de crecer.
Si bien puede parecer un problema, el hecho de que se aloje todo en los servidores de Google nos permitirá visualizar las fuentes de letra mucho más rápidamente ya sea por la velocidad con la que las sirven o por la cache que se irá acumulando a medida que visitemos más sitios que usen este método.
¿Qué opinión os merece a vosotros todo esto?
Te sugerimos otras entradas relacionadas...
¿Necesitas desarrollar un proyecto web o para móviles? ¡Estamos disponibles!
Cokidoo, los creadores de Ontuts, desarrollamos proyectos tecnológicos centrados en redes sociales y aplicaciones web, aplicaciones móviles y consultoría web y bases de datos.
Somos jóvenes, inquietos, versátiles, apasionados por la innovación y enfocados en las nuevas tecnologías. Con Ontuts tratamos de compartir nuestro conocimiento adquirido en los distintos proyectos, ayudando a la comunidad y mostrando nuestra capacidad tecnológica.
Si necesitas un presupuesto sin compromiso, estamos disponibles, no dudes en contactar con nosotros.
Comentarios en esta publicación (19 comentarios)
¿Te ha gustado esta publicación? ¡Puedes compartir tu opinión con todos nosotros! Simplemente pincha aquí mismo.