Instalar nuevas fuentes en Blogger
Labels:
Trucos
at
lunes, noviembre 24, 2014
En Google Fonts, podrás encontrar más de 600 tipos de fuentes para tu web, que podrás insertar y usar fácilmente en tu blog.
Aquí mostraré a cómo instalar una fuente de Google Fonts a tu blog en Blogger.
- Nos dirigimos a Google Fonts,en el buscador, como indica la flecha tipeamos la fuente que queremos
Una vez encontrada la fuente que queramos utilizar, presionamos Add to collection.
Si queremos poner en nuestra plantilla mas de una fuente, escribimos la nueva fuente en el buscador.
Como pueden apreciar en la imagen en parte inferior aparecerán las fuentes seleccionadas, luego presionamos Use y Google Fonts nos reaccionara a una nueva pagina.
Seguimos bajando en la pagina hasta encontrar Add this code website.
Seleccionamos y copiamos el código Standard como por ejemplo este:
<link href='http://fonts.googleapis.com/css?family=Leckerli+One|Aclonica' rel='stylesheet' type='text/css'>Una vez copiado, seria conveniente pegarlo en un documento de archivo (Notepad, Word, ect) para tenerlo al alcance
- Luego ingresamos en nuestro cuenta de Blogger.
Plantilla ► Diseño ► Edición de HTML ►Presionar Ctrl + F y Buscar lo siguiente:►<head>.
pegarlo justo debajo de esta
<link href='http://fonts.googleapis.com/css?family=Leckerli+One|Aclonica' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Leckerli+One|Aclonica' rel='stylesheet' type='text/css'/>
Y ahora si presionamos Guardar Plantilla
- Instalada el tipo de fuente en el blog, te mostraré a ponerlo en un Estilo CSS
Ir a Diseñador de plantillas ► Avanzado ► Añadir CSS ►en el recuadro pega el código.
Ejemplo:lo aplicamos en el titulo del sidebar utilizando la sombra shadow
.sidebar h2 {
color: #DA1B62;
font-family: 'Leckerli One',cursive;
font-size: 95px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 4px 4px 0 rgba(255, 255, 255, 0.8), 10px 10px 0 rgba(187, 187, 187, 0.5);
}
Así tendrás las fuentes instaladas en tu blog de Blogger.
Si te gusta la entrada compártela.
¡Gracias!
Copyright © 2013
Cambio-Cambie Blogger
Diseñado por CCB Desarrollado por Blogger
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.
►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>
No olvides suscribirte para recibir las actualizaciones