COMO INSTALAR FUENTES EN NUESTRO BLOG

lunes, 17 de octubre de 2016


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!!. A 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!!

Hola! Mi nombre es Andrea Sandoval, tengo 22 años, soy estudiante de medicina y orgullosa Venezolana. Sientete libre en mi revoltijo de pensamientos. Si me quieres encontrar en redes sociales estoy en: instagram; y facebook, Nos vemos!

No hay comentarios.:

Publicar un comentario