WebFonts: Usar cualquier tipografia en nuestra web

Muchas veces los diseñadores o webmasters, al realizar un diseño o modificación a nuestra página web casi siempre nos topamos con elegir el tipo de fuente para determinadas áreas de nuestro diseño sin que nuestros visitantes se sientan incómodos leyendo nuestros posts o noticias.

Pero después de elegir la que mejor se adapta a nuestro diseño, sin sobrecargar la vista. Nos llevamos la sorpresa de que ese tipo de fuente no existe en algún sistema operativo y nuestro web se ve horrible y sobrecargado.

Pero gracias, de nuevo, a nuestros amigos de Google Font Directory podremos escoger de entre 35 fuentes, que podemos aplicar en nuestro blog sin preocuparnos del sistema operativo de nuestros visitantes. Y lo mejor es que lo hace sin imágenes( que hacen que cargue demasiado despacio ).

Como es posible?, continua leyendo xD!!

Pero gracias al bendito CSS, podemos escoger la fuente que queramos y hacer que se vea de la misma manera en cualquier sistema operativo sin importar que tenga instalada la fuente. Y lo mejor es que lo hace sin imágenes( que hacen que cargue demasiado despacio ).

Las instrucciones CSS que nos permiten realizar lo anterior son las siguientes:
Así es como lo haríamos:

1. Alojamos la fuente que prefiramos en el servidor de nuestra preferencia.
2. Escribimos la URL que nos proporcionen en el código de arriba.
3. Agregamos el código de arriba antes de la etiqueta </head>
4. Aplicamos la tipografia a nuestra página web.

Pero gracias, de nuevo, a nuestros amigos de Google Font Directory podremos escoger de entre 35 fuentes, que podemos aplicar en nuestro blog sin preocuparnos del sistema operativo de nuestros visitantes. Como lo puedes observar en este post.

Lo que tenemos que hacer es lo siguiente:

[1] Seleccionamos la tipografia que mas nos guste:

[2] Seguidamente damos click en "Use this font":

[3] Copiamos el primer código que nos proporcionan:

[4] Entramos a nuestro panel de Diseño>Edicion HTML>Sin expandir las plantillas de artilugios

[5] Buscamos con

'Ctrl + F'

: </head>

Y antes de esa etiqueta colocamos el código que nos dieron en Google Font Directory

[6] Despues podremos aplicar la fuente donde queramos de la siguiente manera:

/!\Si no sabes como aplicar una fuente a tu blog sigue leyendo, ;P

Los selectores mas importantes de los blog en Blogger son: Cuyas áreas son respectivamente:

• Cuerpo de la entrada
• Cabecera del Blog
• Pie de la entrada
• Barra lateral del Blog
• Area de comentarios de la entrada

ENLACE | WebFonts