Google Web Fonts es un servicio muy útil para usar fuentes en nuestro blog o web. Pero no todo el mundo sabe que su API tiene ciertas utilidades para poder hacer que la página cargue más rápido.
Si no las conocíais, algunas de esas utilidades son poder cargar varias fuentes de un mismo archivo, poder usar una fuente sólo con unos carácteres(para un título, por ejemplo), etc
Para usar una fuente Google nos da un código como éste: <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=NOMBREFUENTE"/>
. Así que si queríamos instalar varias así tendríamos que poner:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=FUENTE1"/>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=FUENTE2"/>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=FUENTE3"/>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=FUENTE4"/>
Pues no. La api nos permite descargar todas con un solo link, para poder hacer 3 solicitudes menos:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=FUENTE1|FUENTE2|FUENTE3|FUENTE4"/>
¿Y si necesitamos textos en negrita, itálica, etc? Como habéis visto, sólo hace falta poner las familias separadas por «|» pero si, por ejemplo, quisiéramos tener en negrita la «FUENTE1», tendríamos que cambiar FUENTE1
por FUENTE1:bold
. En cursiva sería FUENTE1:italic
, y en ambas a la vez FUENTE1:bolditalic
. Podríamos combinarlos, por ejemplo, poniendo FUENTE1:bold,bolditalic
.
¿Usas una fuente sólo para el título del blog, o un texto estático? Entonces hay una solución para tí. Google nos permite usar una fuente sólo con unos carácteres(lo que reduce mucho la carga), así que si por ejemplo, quisiéramos poner nuestro título en fuente «Open Sans», tendríamos que escribir: <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans&text=ELTEXTO"/>
. Tened en cuenta que el texto tiene que estar codificado, pero eso lo podéis hacer aquí:
El único problema que se me ocurre es que para usar un texto en una sola fuente no se puede combinar con otras, pero aún así, merece la pena.