COMO INSTALAR FUENTES EN NUESTRO BLOG

Hola , que tal están?

Como dice en la imagen, vamos aprender como instalar una nueva fuente en nuestro blog y a utilizarla en los títulos de las entradas, ya sé que Blogger cuenta con una cantidad considerable de fuentes predeterminadas, pero con esta herramienta vamos a encontrar muchas más y muy bonitas!!. Acá abajo les dejo el link:

La herramienta que vamos a utilizar es Google Fonts

Pasos:

1. vamos a google fonts y seleccionamos el tipo de letra que queremos

2. damos click en el nombre de la tipografía

Ahora nos aparecerá algo como esto:

3. hacendo 
click en selec this Font , nos  saldrá esta ventana:

El primer código código, nos servirá para instalar el tipo de letra y el segundo para utilizarla, ya sea en el titulo de nuestros posts , el títulos de los gadgets etc.

Instalación:

1. vamos a nuestra plantilla HTML

2. buscamos </head> (para abrir el buscador interno, pinchas en cualquier punto de la plantilla y clickeas simultáneamente Ctrl + F)

3. Pegamos el primer código justo encima de </head>

Importante:antes de pegar este código se le debe de agregar  una barra así  ( / ) justo al final, antes de >  ,así:

Si no lo haces, no funcionará.

y guardamos ...

Listo ya tenemos la fuente instalada! 

Ahora , aprovechando que estamos en la pantallita vamos con el título de las entradas:

Volvemos a Google Fonts para copiar el segundo código en la parte del CSS de nuestro blog.

El código que vamos a usar para personalizar la letra de nuestra entrada es:

.post h3 {

(aqui el código copiado de Google Fonts)

font-size:25px;

}

En la parte roja colocas el segundo código de Google Fonts, en mi caso:

Y en la parte verde, el número antes de px, que indica el tamaño de la letra. 

Una vez modificado nuestro código, lo pegamos en nuestra plantilla HTML. Justo antes de ]]></b:skin>, como en la siguiente imagen:

Cuando la tengamos instalada en el Blog, en Vista Previa, podemos ir viendo que tamaño queda mejor.

¡Y éste es el resultado!

Qué les parece , no es super fácil? ,y puedes tener hasta 4 tipos diferentes de tipografías que puedes usar a tu antojo!.. solo hay que tener paciencia y cuidado al momento de editar y copiar los códigos...

esto es todo por ahora, espero que el tutorial les sirva, cualquier duda o recomendación no duden dejármelo en los comentarios ... hasta el próximo post , nos vemos!!