Como el título indica, dedico la entrada al maravilloso servicio Google Web Fonts del monopolista gigante empresarial Google, otro más de los que ofrece de manera libre y gratuita, gracias al cual podremos elegir una tipografía («fuente» para los amigos y amigas de Microsoft) dentro de su muy amplio abanico de posibilidades, para después utilizarla en nuestra página web sin necesidad de recurrir a «trucos CSS» ni alojando la tipo en nuestro servidor.
Para elegir seleccionamos la familia tipográfica, introducimos un texto modelo para visualizar el resultado y vamos escarbando en el listado. La aplicación nos permite trastear con determinados estilos, ver si dispone de tildes o ver cómo resultaría en un párrafo de texto corrido, incluso podremos seleccionar varias para comparar su uso.
¿Cómo incluyo las tipografías en mi web?
Para poder utilizar las fuentes a penas hacen falta unas nociones muy básicas de web. Cuando hemos seleccionado la o las tipografías que nos gusten, nos dará tres opciones:
- una simple línea de HTML con la etiqueta LINK para incluir en el HEAD
- un @import para incluir en nuestra hoja de estilos CSS
- un código JavaScript (viene con las etiquetas <script> para meter en el HEAD, pero puede apartarse a un .JS)
Mi consejo es utilizar la primera opción y no complicarnos la vida.
Como nuestra web ya tendrá localizado el elemento correspondiente a nuestra tipo de Google APIs, solo nos quedará asignar el estilo correspondiente a aquellos elementos que deseamos que aparezcan con la tipografía pertinente. Por ejemplo, si queremos que los títulos H1 tenga nuestra tipo escribiremos lo siguiente en nuestro CSS:
h1 {font-family: 'nuestratipo', sans-serif;}
Este código también nos lo facilitará Google, después lo aplicaremos al gusto.
Ventajas
- Primero y ante la principal desventaja, que es lo que pueda tardar en cargar desde Google APIs mientras se carga nuestra web, la propia aplicación incluye un pequeño reloj que nos indica la repercusión que tendrá en la velocidad de carga
- Ahorraremos dolores de cabeza a la hora de incluir tipografías completas, antes era más caótico
- Es más cómodo para el cross-browser, solo deja de funcionar en navegadores desactualizados
- Evitaremos convertir textos en imágenes para subir títulos, mejorando la velocidad de carga, el SEO y ahorrándonos esfuerzo
- No ocupa espacio adicional en nuestro servidor (y el de Google no se cae (o sí, pero menos que el nuestro) y tiene un ancho de banda buenísimo)
- La exclusividad que supone tener elementos poco convencionales en nuestro espacio web
Estamos en Julio de 2012, seguro que el servicio sigue madurando (y como nos descuidemos lo integran en Google+), así que como última ventaja añadir que está en continuo desarrollo, cada vez hay más tipografías y mejor experiencia de usuario.
El ya año pasado 2011, Google presentó las páginas para empresas de su red social, Google+ (Google Plus). El año se cerró con unos números que no sorprenden, las grandes marcas no consiguen arrancar, no tienen seguidores, ni parece que su suerte vaya a cambiar. Además entre el top10, como curiosidad, se encuentran Google, GooglePlus, Chrome o Android, cercanas a la cabeza.
Ayer Google volvió a sorprendernos con un efecto invernal al realizar una búsqueda, «let it snow», como la canción que recuerdo en boca de Sinatra, y seguro que dejándose llevar por la época navideña, podéis verlo en el enlace:
Desde ahora, a todo aquél que tenga una página hecha dentro de Google Plus, se le podrá buscar con un «+» delante. De este modo se le indexará de manera inmediata, garantizándonos así que nuestro espacio en la red social gocé de un lugar privilegiado en los resultados del buscador. Por ejemplo, utilizando los ejemplos del blog de Google, si escribimos «+Pepsi» nos llevará directamente a la página de Pepsi, o si escribimos «+Dell», nos llevará al espacio de Dell en la red social.
La principal diferencia es llamado «+1» o «plusone«, un botoncito que vemos mucho desde hace bastantes semanas junto a los resultados de nuestras búsquedas, e incluso en algunas páginas web. Ese «+1» es el equivalente al «me gusta» de facebook, en tu perfil quedará registrado ese clic, pero esta vez llega un punto más lejos, ese clic ayudará a indexar a la página marcada entre mis contactos de Google Plus, como podemos ver en la siguiente imagen:
Google ha anunciado a través de su 