jueves, 23 de diciembre de 2010

Cambiando las fuentes de tu blog con Google Font

Intentando mejorar este blog poco a poco he descubierto la posibilidad de introducir fuentes distintas a las que por defecto tienen los navegadores más usados.

Para ello nuestros amigos de Google han creado Google Fonts Directory. En este directorio podremos encontar fuentes de muy diversa índole para usar en nuestras páginas web o blogs. Estas fuentes son search engine friendly y funcionan en todos los navegadores (al menos eso aseguran).

Para instalar una fuente concreta tenemos que seguir los siguientes pasos:
  1. Ir a la página del directorio.
  2. Hacer click sobre la fuentes que nos interese.
  3. Hacer click en el apartado (Use this font) de la página de descripción de la fuente seleccionada.
  4. Copiar la línea similar a esta < href="'http://fonts.googleapis.com/css?family=" style="font-weight: bold;" id="urlFamily">Ubuntu' rel='stylesheet' type='text/css' > justo antes de en nuestra hoja de estilos. En blogger podremos acceder a esta hoja de estilos desde Diseño > Edición HTML
  5. Añadir dentro de body { } (que fija el estilo de la página entera) la siguiente línea font-family: 'Ubuntu';
Y claro guardar la plantilla y comprobar que todo esté correcto. Acordaros de que a veces los navegadores guardan una copia cacheada de la web.

No hay comentarios:

Publicar un comentario en la entrada